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

如何用flex实现三栏布局，但是子元素高度要自适应呢？

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

如何用flex实现三栏布局，但是子元素高度要自适应呢？

图片描述

我想用flex实现图中的三栏布局，目前遇到如下问题：

当父元素设置display: flex后，三栏的高度是相同的，而我希望三栏的高度是自适应的，我尝试设置flex-direction:colume和flex-flow:row nowrap都达不到想要的效果，有没有人知道该如何设置呢？


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

1 Reply

0 votes
by (71.8m points)

很简单
不考虑换行的话
demo1


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
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

56.7k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...