jquery - 按字母顺序排列的列表向下而不是交叉？

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>