是否有一个jquery插件可以水平而不是垂直地列出列表项?

时间:2010-09-08 11:24:32

标签: javascript jquery css layout

我正在寻找一个可以列出列表的jquery插件或javascript。 我见过Columizer,这很好,配置选项正是我需要的,除了它没有按照我需要的方向列出数据。

我的清单:

1. 2. 3. 4. 5. 6. 7. 8. 9.

我想要的Columizer行为:

1. 2. 3.
4. 5. 6.
7. 8. 9.

不想的Columizer行为:

1. 4. 7.
2. 5. 8.
3. 6. 9.

3 个答案:

答案 0 :(得分:4)

你不需要一个jQuery插件。只需设置<li> s的浮动属性:

li {
    float: left;
}

以下是一个示例:http://jsfiddle.net/FgZ9N/

答案 1 :(得分:1)

如果您的意思是以这种方式显示列表项,则不需要编写脚本。在每个列表项上设置宽度,给列表容器元素一个宽度等于总列数,并使用'float:left'应该做的伎俩

答案 2 :(得分:0)

你可以通过CSS实现这一点。

假设列表在&lt; UL&GT;&LT;李&GT;格式:

{
  display:inline-block;
  width:33%;
}

或使用float:left;然后明确:全部;每三个人一次。

或类似的东西 - 在CSS中可能有大约十几种方法。