修改 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;
}

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

相关评论

  1. wholesale说道:

    overflow:auto;?

    关键字的代码是这个吗?看不出有什么作用啊,博主能不能解释一上呢?我以为是用overflow:hidden来解决呢

  2. 午夜客说道:

    IE6非常兴奋的表示没有影响。还是一行!

  3. 闲云野鹤说道:

    ie6对这个免疫,还是一行,呵呵

  4. zwwooooo说道:

    li最好加个height,不然opera可能会出现错位

  5. 笔头说道:

    两排就是比一排好看~

  6. 老饕说道:

    一直都是两行的~~没办法~~确实多了点

  7. insect说道:

    额,我用的插件三行显示了

  8. 集趣说道:

    已经完成这个样式了

  9. 冰剑说道:

    你上次要我做的那个例子就和这个一样啊。
    你没发现吗?

  10. 老李说道:

    自动就是两行

  11. 丕子说道:

    嗯 以前改了个多列显示 差不多

  12. 呵呵 我的已经是两行了哦

相关评论:

您的电子邮箱地址不会被公开。 必填项已用*标注