按字母顺序排列的列表不会向下排列？答案

【问题标题】：A List in alphabetical order going down not across?按字母顺序排列的列表不会向下排列？
【发布时间】：2011-04-10 21:09:36
【问题描述】：

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

向左浮动，它们都在每个旁边，从左到右，非常棒。但是我的客户希望订单不被取消。所以它是这样的：

apple angry antler bone beard broken

她想要：

apple
angry
antler
beard
bone
broken

因此，如果我这样做，我会得到一个很长的列表，除非我将高度设为一个设定的数字，将列向右推，但是如果列表增长并超出维度的维度，我就会遇到问题分区。

是否可以设置高度，但一旦列表超过宽度，它会将高度向下推？

【问题讨论】：

标签： jquery list sorting height width

【解决方案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>

【讨论】：