陌小雨觉得不太美观,所以就改成三列啦:
.blogroll{ width:360px; display:block; /*记得清除浮动*/ overflow:auto; /*兼容 IE6*/ zoom:1; } .blogroll li{ float:left; width:33%; display:block; }
使用方法:
将上述代码添加到主题文件style.css
中
效果图:
扩展:
其他主题也可以使用该代码实现友情链接多列显示,首先需要将功能代码中的360px改为你主题的侧边栏宽度,然后修改33%,如果你想四列显示,就将 33%修改为 25%,依此类推。
你可能对这些文章感兴趣:
- WordPress插件推荐:Add-nofollow-to-XFN
- WordPress利用sql命令批量修改友情链接全部在新窗口打开
- WordPress后台管理友情链接
- 给WordPress友情链接添加图标,并在新窗口打开友情链接
- 玩转WordPress友情链接
- xiu主题如何在后台显示友情链接
- WordPress友情链接随机排序
- 怎样快速通过百度考察期
- 3分钟点亮你们的Gravatar头像和favicon图标
- WordPress插件推荐:My Mood Comment
- 一个浏览器自带样式引起的css新认识
- 如何为WordPress添加个性化角色
- JavaScript的九张思维导图整理,果断收藏!
- Timthumb.php生成WordPress网站缩略图参数及使用技巧详解
如有疑问,请前往问答中心反馈!
反馈