陌小雨觉得不太美观,所以就改成三列啦:
.blogroll{ width:360px; display:block; /*记得清除浮动*/ overflow:auto; /*兼容IE6*/ zoom:1; } .blogroll li{ float:left; width:33%; display:block; }
使用方法:
将上述代码添加到主题文件style.css
中
效果图:
扩展:
其他主题也可以使用该代码实现友情链接多列显示,首先需要将功能代码中的360px改为你主题的侧边栏宽度,然后修改33%,如果你想四列显示,就将33%修改为25%,依此类推。