【问题标题】:Equalize DIVs height on the same line without container在没有容器的情况下均衡同一行上的 DIV 高度
【发布时间】:2021-04-22 09:41:08
【问题描述】:

我有一个固定宽度 350 像素和自动高度以适应内容的 div 列表(内联块)。 div 内联显示,因此它将显示:

  • 1920px > 每行 5 篇文章
  • 1700px > 4
  • 1366px > 3 篇文章。

等等... 所以我发现自己有不同高度的div, 我的问题是有没有办法使同一行中 div 的高度相等,例如: 第 1 行:最高 div 为 540px,因此同一行中的所有 div 将为 540px 第 2 行:最高为 480 像素,因此该行中的所有 div 将为 480

我知道一个脚本会搜索最大高度并将其应用于所有 div,但如果最大高度是例如 600 px,如果将其应用于所有 div,它将重现与 lil 内容 div 一致的大空白。

PS:如果可能没有容器,因为一行必须根据屏幕宽度响应,并且不使用 flex(好吧,我承认 flex 条件有点愚蠢).?!!!谢谢

【问题讨论】:

标签: javascript html height inline


【解决方案1】:

需要添加一个新容器来支持其余的 div。 div 本身无法以您的方式确定它们在窗口中的位置。另外,您应该阅读有关 flex 的信息,它非常有帮助。这是您发布的 W3 笔,但 updated

【讨论】:

  • 非常感谢,它可以满足我的要求,我知道 flex 会是解决方案,但是作为新手,我总是将 flex 学习推迟到以后,通过这个例子,我只理解了 50% 的基础以及它的用途。我最好开始学习它
  • Flex 是每个人都提到的东西,意思是,你必须有一个“去”的参考,这真的不是一个人记得的东西。有很多带有 flex 的活动部件。一个问题是,您寻求帮助,但告诉所有人不要告诉您如何在后记中解决它。请注意,没有人对这个非常简单的修复做出回应。尽量不要限制自己...
  • 你说得对,但请注意我刚刚在我的问题中承认:“好吧,我承认 flex 条件有点愚蠢”,我不知道是什么让我提出这个愚蠢的条件,我已经开始了与您提供的指南,非常感谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-02-26
  • 1970-01-01
  • 1970-01-01
  • 2020-01-18
  • 2012-04-15
  • 1970-01-01
  • 2020-03-24
相关资源
最近更新 更多