gpt4 book ai didi

javascript - 两列不同数量的元素总高度相同

转载 作者:行者123 更新时间:2023-11-30 10:36:40 26 4
gpt4 key购买 nike

我正在寻找在 html 和 css 中显示这种类型的网格的方法。

enter image description here

我想拉长较小的柱子以匹配较高的柱子。这可能吗?我已经尝试过使用一些 javascript 的解决方案,但对该解决方案并不满意。有一些复杂性,因为行数最多的列可能不是最高的。如果内容量不同,盒子的高度也可能不同。

我对此处使用的标记持开放态度,目前我并排使用两个列表,但表格或其他任何东西都可以。但是,仅使用 rowspan 似乎行不通,因为这只会给出一个比其他框大得多的框。这似乎是一个普遍的问题,有好的解决方案吗?

最佳答案

我认为您在这里被 JS 困住了。我的方法是对列表中的元素使用百分比高度。

  • 确定每个列表中元素的数量。
  • 将 100 除以该值(好吧,如果是 3、6 ... 等则比较棘手)
  • 以 % 为单位指定每个元素的高度
  • 不要忘记在父元素上设置高度,否则 % 不会起作用

关于javascript - 两列不同数量的元素总高度相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13628721/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com