让 WordPress 侧边栏的信息列表横向排列

分享本文:

我们经常会在 WordPress 博客的侧边栏显示诸如博客分类等信息。默认情况下,分类信息是每行一个,纵向排列。 如果侧边栏比较宽,这样旁边就会流出许多空白。今天我们介绍了一个办法,实现侧边栏分类项目的横向排列。

这个办法来自晓晓博客的文章:让Wordpress侧边栏的分类列表可以横向排列。我们先来看看其效果图:

实现这种效果,关键在于调整 CSS 代码,让整个列表的信息浮动,具体代码如下:

li.cat-item{
  float:left;
}
.widget_categories ul{
  overflow: hidden;
}

这里你要将对应的 class 的 id 修改为你的 Widget 所对应的 id。

详细信息请参考晓的原文:让Wordpress侧边栏的分类列表可以横向排列。

分享本文:


评论: 让 WordPress 侧边栏的信息列表横向排列

  • 这个功能不错,谢谢作者。

    wanfuwu 2008/10/27 11:46 下午 回复
  • Pingback: links for 2008-10-27 « dupola’s weblog(en)

  • Pingback: 2wordpresscom 11/06/2008 « huaxlee’s daily post

  • 那个overflow: hidden;相当的关键哈~之前我做主题设置两列忘记了加overflow: hidden;结果调试了大半天!

    popdo 2008/12/17 2:06 下午 回复

留言给文章 popdo 取消回复

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