CSS如何获得浮动左侧文本换行？

Question

有没有办法可以让所有<li>元素在一行中适应窗口的宽度（文本会相应地换行？

HTML：

<ul>
    <li>laksdjf laksdj flasdj fladjs flaksd</li>
    <li>laksdjf laksdj </li>
    <li>laksdjf laksdj flasdj fladjs flaksd fladjs flaksd</li>
    <li>laksdjf laksdj flasdj fladjs flaksd</li>
</ul>

CSS：

ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

ul li {
        list-style-type: none;
        padding: 0;
        padding: 0 30px;
        float:left;
}

li的宽度应该相对于它们中的文本量。 如果我在它上面放一个固定的尺寸，那么较长的文字太挤了。

http://jsfiddle.net/5gP3b/

Answer 1

您可以使用display table和table-cell属性来实现它： http ： //jsfiddle.net/5gP3b/1/

请注意，此显示属性在Internet Explorer 6和7上不起作用...