将列表元素浮动到右边而不是向下

Question

我想使用列表向右浮动列表元素（我喜欢子弹点），并希望远离表格。我还想自定义列表项之间的空间，并指定列表项包装的时间。例如，每个“行”有3个列表项。

示例图片：

如何做到这一点？

Answer 1

你应该可以这样做：

li {
  float: left;
}

如果你想让它们像你的例子一样多行，那么在ul上设置宽度就像这样：

ul {
  width: 200px;
}

（200px只是一个示例数字）

Answer 2

使用display: inline元素上的li样式会使列表水平流动。进一步的样式（例如padding和margin）可以让您操纵项目之间的空间，list-style-type甚至可以让您自定义项目符号的外观。

我不知道有任何简单的方法来指定列表将在哪个项目中断到换行符。它应该在到达容器边缘时简单地换行。 （您可以指定列表的宽度，但这会更改列表中断的项目，具体取决于用户的字体大小。）

Answer 3

尝试用css设置样式

ul{
width: //configure with your self until 3 list/row
}

li{
display:inline;
float:left;
}

Answer 4

可以这样：

实例：http://jsfiddle.net/LK7rd/

<强> HTML

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

<强> CSS

ul{
    width: 50%;
}

ul li{
    width: 25%;
    display: block;
    float: left;
}