Welcome To Ask or Share your Answers For Others

css grid布局同一行子元素高度总是相同？

asked Jan 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

grid容器里有若干个子元素，每个子元素的高度都不同（且未知），且无法与 1fr 形成整数比例。
在实际应用中，比如同一行存在自身高度100px和300px的两个元素，结果那个100px的元素就被撑高到300px了。
怎么才能让他们各自的高度就是自身内容的高度，而不给撑开呢？

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

3.2k views

Welcome To Ask or Share your Answers For Others

1 Answer

answered Jan 24, 2021 by 深蓝 (71.8m points)

同一行的高度是固定的，所以可以在被撑开的100px的div里面再嵌套一层，高度写死100px

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

...