修改 CSS 使 WordPress 友情链接多行显示

一直觉得自己友情链接太长了,几十个链接把页面拖的好长,看着始终觉得不舒服。在网上找啊找啊,原来只要修改CSS即可。

查看页面源文件,发现友情链接的 class 是 xoxo blogroll,于是在 Style.css 中添加如下代码:

1
2
3
4
5
6
7
8
9
10
11
.blogroll{
width:270px;
display:block;
overflow:auto;
zoom:1;
}
.blogroll li{
float:left;
width:130px;
display:block;
}

大小根据自己的主题改吧。。。