有没有办法让div成为行的高度

Question

我在同一条线上有几个div.div具有宽度但没有明确的高度.他们从他们包含的文本数量中获得高度.其中一个div比其他div有更多的文本,但我希望它们都是相同的高度.

例如,在这个小提琴中,我希望Box 1,2,3和5与box 4具有相同的高度,而不添加任何其他元素或使用硬编码高度,它必须回到IE8.这可能吗？

也许是这样的:

height: line-height; /* i know this isn't a real property */

Answer 1

更改display:inline-block为display: table-cell:

jsFiddle例子

如果你需要摆弄单元格之间的间距,你可以将它们包装在一个容器中并对它应用边框间距:

jsFiddle例子