假设我有两列,都用 <div>
表示堵塞。两列都可能比另一列变大,所以我想强制较小的列与另一列一样大。
我的问题示例:http://jsfiddle.net/TvnSJ/
如您所见,第二列较小。
我设法使用表格解决了这个问题,但我无法在它们之间添加边距。 margin 很重要,所以我想知道另一种解决方案。
最佳答案
您可以使用display: table
和display: table-cell
。这是您更新的 fiddle :http://jsfiddle.net/TvnSJ/2/
这使得 div
呈现为 td
。基本上,当语义不正确时,您可以在不使用表格的情况下获得表格的布局。不过,我认为您无法漂浮它们。
编辑:我刚刚注意到关于 margin 的一点。您可以向这些添加填充,或者如果您需要分隔以不包括背景颜色,则可以将内容包装在另一个元素中并为其添加边距。
关于html - 使两个平行的 `<div>` 列具有相同的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20592058/