ul根据其高度而不是隐藏来包裹li

Question

假设我们有一长串清单：

<ul>
    <li>one</li>
    <li>two</li>
    ...
    <li>fifty-three</li>
</ul>

即使您指定了ul的高度：

ul {
    height: 100px;
}

li元素会溢出它。

是否可以将元素包装在右侧，如窗口管理器的“列表视图”或类似https://stackoverflow.com/tags（没有表格）。

通过纯CSS或转向JS。

Answer 1

怎么样？

li { display: inline; margin-left: 15px; margin-right: 15px; }

Answer 2

CSS3 multi-column layouts是您的解决方案。不幸的是，它们尚未得到广泛实施。

Answer 3

浮动它们也可能有所帮助。这取决于。如果您希望在列

中使用宽度，则可能需要应用宽度

li {float:right; width:20em;}

不要忘记清除漂浮物！