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

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

请注意，此显示属性在Internet Explorer 6＆amp; 7 ...