【发布】【Stylish样式】Baidu Two Columns|百度搜索双列结果

发布页：http://userstyles.org/styles/23845
让百度网页搜索结果双列显示。详情请到上面发布页。

百度的页面布局算是最恶心的了，弄成双列也比 Google 麻烦上百倍，所以这个样式精简了不少东西，同时“压缩”了整个布局。

☆ 2014.05.29 采用新的双列方式，现在不怕翻页脚本和扩展了！

－－|我居然会发错区……

不错哦

每次用百度都是在论坛看到图片搜索关键词之后。。

另外去operachina翻了一下，这个百度css支持双栏还是比较完美的，也可以支持autopagerize。
bbs.operachina.com/viewtopic.php?f=41&t=61997

/*写在前面,去掉广告,很重要(百度推广,品牌推荐和右侧垃圾,还有空隙)*/
body>style+table,
table[align=right],
table+br
{
  display: none;
}


/*处理整体浮动效果*/
BODY >table[id] {
        float: left !important;
        width:50%;
        border-spacing:3px !important;
        height:10px !important;
        height:7em !important;
}

/*处理背景,边框什么的*/
BODY >table[id] td{   
padding:5px 0 0 10px!important;   
border:1px solid #e71a63 !important;
   background-color: #e3f0f7 !important;
   line-height:125% !important;
   width:100% !important;
   vertical-align : top; 
}
/*下一页超链接元素 于上边的搜索条目拉开点距离*/
body>div[class="p"]
{
margin:16px 0 0 0;
}

ferret 提供的样式的确不错，但用 float 属性的问题在于元素排列必须对齐，于是排列中间就会出现为对齐而留下的空白；用 -moz-column-count 属性的话只有 Firefox 和 Webkit 核心浏览器支持（-webkit-column-count），但不会留下空白，但会对所有没强制位置的框架内元素生效，并且 Firefox 目前似乎不能准确计算应用该属性之后的文档长度尺寸（bottom 属性不能正确实现）。
有什么更好的办法呢？

不知道你说的空白是什么。
width:50%; 应该不会留下很多空白的吧。
另外百度好像改版了。。。

就是这样的空白

附件服务器还是不怎么稳定的样子。

今年3月更新了，应对百度的新版设计（肉眼看不出来的，但在DOM结构上完全不一样）。
不过现在由于不再是以前的结构，虽然经过多次尝试最终还是实现了双列显示，但却会出现刷新一下页面或换个关键词会使双列部分失效（结果全在右边，但左边仍有权利保留声明的那行）的情况，而这种情况无论我怎么修改样式都没效果，反而将最大化的窗口恢复再重新最大化就会变回双列，百思不得其解……

再次更新，这次使用折叠结果的方式使之显示效果更加对齐，鼠标移上即展开，大家一定要试试哦！

我有一个疑惑，就是以下这段代码中：

div[id="content_left"]>div{
  display: inline-block !important;
  width: 45% !important;
  height: 9em !important;
  float: left !important;
  margin-left: 15px !important;
  margin-right: 30px !important;
  border-top: 2px dotted #B7DDE6;
  overflow: hidden !important;
}

【height: 9em】这个数字，如果调成小于9，那么鼠标悬浮在某结果上的时候该结果框会挤开所覆盖位置的其他结果，就像Word排版里面的“四面环绕”一样；如果大于等于9，则不会出现挤开效果，只会覆盖，就像Word排版里面的“浮在文字上方”一样。
为什么会这样呢？

右上角的宽度不够, 我调成如图这样了, 请教如何减小中间和右边空白的宽度呢?

linee：右上角的宽度不够, 我调成如图这样了, 请教如何减小中间和右边空白的宽度呢?回到原帖

在#8楼的代码中【width: 45%】调整搜索结果的宽度，调高即可减少空白，但是由于搜索结果自身有margin占位空白，搜索结果宽度不能调到50%，视屏幕宽度不同可调整的范围也不同。
我觉得留下些空白作为分隔挺好的。

hzhbest：在#8楼的代码中【width: 45%】调整搜索结果的宽度，调高即可减少空白，但是由于搜索结果自身有margin占位空白，搜索结果宽度不能调到50%，视屏幕宽度不同可调整的范围也不同。
我觉得留下些空白作为分隔挺好的。回到原帖

谢谢. 这个值我调整过了, 窗口模式最大45%, 最大化窗口47%. 作为分隔, 觉得有点宽了.

linee：谢谢. 这个值我调整过了, 窗口模式最大45%, 最大化窗口47%. 作为分隔, 觉得有点宽了.回到原帖

图片：QQ截图20140704092426.png

右边是宽点，因为我的 Search Jump Around 放在那个位置 （↑这是最新版的，相关搜索放在右下了）
你可以调整#8楼代码中的【margin-right: 30px】这个参数，同时配合调整【margin-left: 15px】这个参数的话可以让你更好分配中间间隔和右间隔（后一个参数当然也影响左间隔）。