javascript - 让所有子元素具有相同高度的最佳方法

Question

我想在子元素之间保持相同的高度。

这是一个例子：

• 我有 3 行
• 每行包含 3 个单元格
• 每个单元格包含 2 个项目（一个红色/一个蓝色）

每个第一个单元格上的红色项目包含长文本，我希望其他单元格（单元格 n°2 和 n°3）上的其他红色项目具有相同的高度。

我有的

我想要的是

第二个例子

我有的：

我想要的是：

标签： javascriptcssreactjslayoutflexbox

Answer 1

如果你只想使用 css，你应该给你所有的红色 div 一个固定的高度，比如：

.redDivs{
   height:35px;
}

如果你想使用 JS，试试这个链接：