按字母顺序排列的列表不会跨越？

Question

我有一个按字母顺序从我的数据库中出来的巨型列表。它被放置在具有设定宽度的Div中。我每个

都向左浮动，并且每个都从左到右，并且很好。但是我的客户希望订单不会下降。所以它是这样的：

apple angry antler bone beard broken

她想：

apple
angry
antler
beard
bone
broken

所以，如果我这样做，我会得到一个长列表，除非我将高度设置为一个固定的数字，将列向右推，但是如果列表增长并且推出了维度，我会遇到问题。股利。

是否可以设置一个高度但是一旦列表超过宽度，它会将高度降低？

Answer 1

是的，您可以使用min-height，这是所有浏览器都不支持的（IE6）。不过，我建议使用固定高度并将overflow设置为auto。这样，当列表增长时，你的div会有一个滚动，但它不会影响你的设计。

<div style="height:200px; overflow: auto;">
    <ul>
        <li>apple</a>
        <li>angry</a>
        <li>antler</a>
        <li>...</a>
    </ul>
</div>