gpt4 book ai didi

html - CSS Grid 中的元素填充行高?

转载 作者:行者123 更新时间:2023-12-05 04:08:59 25 4
gpt4 key购买 nike

<分区>

我找到了很多展示如何设置 CSS 网格(使用 display: grid)行以匹配网格中最高元素的答案,但我想要做的是调整 < em>网格内的元素以匹配网格。

例如,这是网格中的示例行。看到第一个元素如何与网格齐平,而其他 2 个元素更短并且下方有空白(因为它们的标题更短)?我怎样才能让所有元素适合网格本身?

enter image description here

网格代码:

.video-grid {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(3, 1fr);
}

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