简短的Css代码,让WordPress友情链接分成两列显示

当友情链接积累到一定程度的时候,因为Wordpress先天的一些问题,则必然面临页面被无限拉长的状况。

不过好在,Wordpress有强大的自定义功能,只要使用一些简单的Css代码,就可以实现让友情链接分两列显示的功能:
.blogroll{
width:320px;
display:block;
/*记得清除浮动*/
overflow:auto;
/*兼容IE6*/
zoom:1;
}
.blogroll li{
float:left;
width:49%;
display:block;
}文章源自原紫番博客-https://www.yuanzifan.com/4467.html

其中,49%是说分成两列,每列占49%的面积。(别问我剩下的2%哪去了……)文章源自原紫番博客-https://www.yuanzifan.com/4467.html 文章源自原紫番博客-https://www.yuanzifan.com/4467.html

站长微信
扫码添加(注明来意)
weinxin
Yuanzifan99
原梓番博客公众号
博客内容精选
weinxin
原梓番博客
 
评论  2  访客  1  作者  1
    • NameDomain 4

      我觉得你的分类目录也该分成2列。。。

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    确定

    拖动滑块以完成验证