【问题标题】:Best way to have all child elements having the same height [duplicate]使所有子元素具有相同高度的最佳方法[重复]
【发布时间】:2021-02-09 19:57:51
【问题描述】:

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

这是一个例子:

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

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

我有什么

我想要什么

第二个例子

我有什么:

我想要什么:

【问题讨论】:

  • 如果紫色也有一些长文本,你会期望发生什么? - 如果您不需要担心紫色大小,则很容易实现上述目标。你的笔似乎也解决了你的问题
  • 请不要将您的代码发布到第三方网站并从您的问题中链接到它们,因为链接可能会随着时间的推移而失效。只需将您的代码与您的问题一起发布即可。
  • @ScottMarcus 是的,我知道,一旦解决,将删除代码框并发布真实代码。使用代码框和图像来操作和理解 html/css 会更快
  • 使用代码框和图像来操作和理解 html/css 会更快 不,不是。 我们必须离开 Stack溢出并转到第 3 方站点。您假设我们知道如何浏览该站点并找到我们需要查看的所有代码部分。相反,您可以在此处将代码发布到 Stack Snippet 中,我们就可以在此处运行它并在此处查看所有内容。

标签: javascript css reactjs layout flexbox


【解决方案1】:

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

.redDivs{
   height:35px;
}

如果你想使用 JS,试试这个link

【讨论】:

  • 我希望我的项目根据其内容具有动态高度 - 所以我不能使用固定高度
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-10-21
  • 2014-12-10
  • 1970-01-01
相关资源
最近更新 更多