首页 > CMS建站 > Wordpress > 正文

让WordPress的友情链接多列显示

2020-06-10 12:57:30
字体:
来源:转载
供稿:网友

许多网友的WordPress博客程序,友情链接日益增多,但每行只显示一列,版面被拉得长长的,影响美观。如何让友情链接呈两列甚至多列显示呢?方法也很简单,在当前主题文件夹的style.css文件里添加以下代码即可:

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

第一个width:320px意思是友情链接栏的宽度,看各自主题修改合适的宽度。第二个width:49%意思是分两列显示,每列占据49%宽度,如果改成25%,就变成四列显示了。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选