html - 列出具有相同高度的元素

Question

我创建了一个 fiddle : http://jsfiddle.net/pQZ8f/

我想让两个列表项的高度相同，而无需手动设置高度。我想让它自动增长。我不想使用 javascript。可以通过css完成吗？

Answer 1

您似乎正在寻找表格布局，所以最好的选择可能是使用 <table>而不是 float <li>元素。

也就是说，您还可以在元素上指定表格样式:

ul {
    display: table-row;
}

li {
    width: 100px;
    border: 1px solid black;
    display: table-cell;
}

这应该适用于大多数现代浏览器。你会发现一个更新的 fiddle here .