Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Post an Article
Welcome To Ask or Share your Answers For Others

Categories

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

0 votes
3.5k views
in Technique[技术] by (71.8m points)

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

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


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界，一个免费开放的程序员编程交流平台！开放，进步，分享！让技术改变生活，让极客改变未来！ Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

1.4m articles

1.4m replys

5 comments

57.0k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...