Html 有没有办法让divs成为线的高度

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

例如，在fiddle中，我希望框1、2、3和5的高度与框4相同，无需添加任何额外元素或使用硬编码高度，并且必须返回IE8。这可能吗

可能是这样的：

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

---

将

显示：内联块

更改为

显示：表格单元格

：

如果需要调整单元格之间的间距，可以将其包装在容器中，并对其应用边框间距：

---

如果有人想使用最新的CSS属性，那么flexbox是一个不错的选择

body > div { /* Give an id or a class to your wrapper div */
    display: flex;
}

因此，我确信您一定有一个包装器元素/div，所以只需分配

display:flex到那个，你们就完成了

<!-- Flex wrapper -->
<div>  <!-- <-- Add this -->
    <div>BOX 1</div>
    <div>BOX 2</div>
    <div>BOX 3</div>
    <div>BOX 4 - But this box has more text</div>
    <div>BOX 5</div>
</div>


方框1
方框2
方框3
框4-但此框包含更多文本
方框5

如果您想要间距（我认为您不需要，您的示例中的那个看起来像是空白问题），但是如果您需要，那么我已经为子元素提供了边距

相同高度立柱的典型问题。太糟糕了，如果没有js（直截了当且显而易见）或附加标记（如果您感兴趣，请检查），就不可能解决它。