让WordPress的友情链接多列显示-自学php网

来源：未知时间：2015-03-10 11:56 作者：xxadmin 阅读:次

[导读] 许多网友的WordPress博客程序，友情链接日益增多，但每行只显示一列，版面被拉得长长的，影响美观。如何让友情链接呈两列甚至多列显示呢？方法也很简单，在当前主题文件夹的sty...

许多网友的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%，就变成四列显示了。

更多文章推荐