84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
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官网里,有说的,记不大起来了,去看看就明白了