84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
1、想用flex实现这种布局
flex
2、各个子元素高度不固定,从上到下依次排列请问可以怎么实现?
附:我对父元素定义了下面的规则:
display:flex; flex-flow:row wrap;
对子元素用p标签放了一些文本,未设置高度,结果显示效果如下红色标记是子元素被拉伸了,高度没有自适应:
p
光阴似箭催人老,日月如移越少年。
你的布局需求看元素是等宽而不等高的,所以这里应该沿 column 方向排列,即flex-direction: column
flex-direction: column
http://codepen.io/cool_zjy/pen/zBWwLZ
angular-material官网里,有说的,记不大起来了,去看看就明白了
你的布局需求看元素是等宽而不等高的,所以这里应该沿 column 方向排列,即
flex-direction: column
http://codepen.io/cool_zjy/pen/zBWwLZ
angular-material官网里,有说的,记不大起来了,去看看就明白了