加入收藏 | 设为首页 | 会员中心 | 我要投稿 财气旺网 - 财气网 (https://www.caiqiwang.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

让WordPress的友情链接多列呈现

发布时间:2022-06-24 14:53:45 所属栏目:教程 来源:互联网
导读:许多网友的WordPress博客程序,友情链接日益增多,但每行只显示一列,版面被拉得长长的,影响美观。如何让友情链接呈两列甚至多列显示呢?方法也很简单,在当前主题文件夹的style.css文件里添加以下代码即可: .blogroll{width:320px;display:block;/ *记得
  许多网友的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%,就变成四列显示了。
 
 

(编辑:财气旺网 - 财气网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!