虫行天下--Lohu的点点滴滴

WordPress实现友情链接两列显示甚至多列显示的方法


|2|1


WordPress的友情链接一般都是一列显示的,链接一多了就很不适应了。可以用用SS让wordpress友情链接分列显示。具体操作办法如下:

复制下面的代码,在主题文件夹里style.css文件中添加,就会成两列显示。

此代码适用于用链接表,如果是在菜单里添加的自定义链接则没有用的。

.blogroll{
width:320px;
display:block;
/*记得清除浮动*/
overflow:auto;
/*兼容IE6*/
zoom:1;
}
.blogroll li{
float:left;
width:49%;
display:block;
}

第一个width:320px意思是友情链接栏的宽度,看各自主题修改合适的宽度。

第二个width:49%意思是分两列显示,每列占据49%宽度,如果改成25%,就变成四列显示了。



Lohu
虫行天下 - Lohu的点点滴滴

无觅相关文章插件,快速提升流量