Javascript 没有js的任何方式都可以确保浮动div在相同的'；第'行；高度相同，但未设置高度属性

我想浮动一组div，使其成为流体布局。如果可能的话，出于性能/复杂性的原因，我希望使用纯CSS而不使用js

目前，我们每行有3个div，周围的元素垂直延伸以容纳最高的div。但当然，当我使页面变窄或变宽时，我总是每行有3个div

对于没有行容器的浮动div，只要所有div具有相同的高度，它看起来就很好。但是，如果一个2-div行中的第二个div比第一个div短，那么下一行的第一个div就会“卡”在第一个较高div的右侧，第二行中的第一个位置将留空

一个解决方案可能是带回行div，并使用javascript在它们之间移动项div，但这可能很复杂且容易出错。但也许这是唯一的可能

我不能做的一件事是为项目div使用固定高度，因为这需要将固定高度设置为足以容纳最大可能的项目div，这将为每个其他div留下一堆空白空间

---

我想另一种可能是使用固定高度，然后使用js调整这些高度以消除额外空间。

使

显示：inline块

并移除浮动。高度也将成为可选的，它们只需与最高的一个对齐。

使

显示：inline块

并移除浮动。高度也将成为可选的，它们只需与最高的一个对齐。

如果可能，尝试切换到flexbox。有很好的视觉效果来说明各种flex样式是如何工作的

---

例如，您可以使用

flex wrap:wrap

在页面变得太窄时处理这种情况，并使用

对齐项目：拉伸

，使它们具有相同的高度

如果可能，尝试切换到flexbox。有很好的视觉效果来说明各种flex样式是如何工作的

---

例如，您可以使用

flex wrap:wrap

要处理页面变得太窄的情况，请使用

对齐项目：拉伸

，使它们具有相同的高度

您应该查看flexbox。最简单的方法是使用“dispaly:table cell”您应该查看flexbox。最简单的方法是使用“dispaly:table cell”这几乎可以很好地工作，但项目div在底部对齐。我需要他们的上衣对齐。有什么办法吗？我知道这是显而易见的。不客气：D如果一切正常，你也可以接受答案。啊，是的，我也打算接受。回答得很好。顺便说一句，欢迎使用stackoverflow。这几乎可以完美地工作，但项目div正在底部对齐。我需要他们的上衣对齐。有什么办法吗？我知道这是显而易见的。不客气：D如果一切正常，你也可以接受答案。啊，是的，我也打算接受。回答得很好。顺便说一下，欢迎来到stackoverflow。这看起来很有趣。我以前从没听说过这个。在看到您的答案后，我读了一些关于它的内容，但我不确定它是否能解决2行对3行的问题，以及Lucian Davidescu的答案（使用

显示：内联块；垂直对齐：顶部

），总之。这看起来很有趣。我以前从没听说过这个。在看到您的答案后，我读了一些关于它的内容，但我不确定它是否能解决2行对3行的问题，以及Lucian Davidescu的答案（使用

显示：内联块；垂直对齐：顶部

）。