使⽤flex布局,⼦元素怎么⾼度⾃适应?
1、想⽤flex实现这种布局
2、各个⼦元素⾼度不固定,从上到下依次排列
请问可以怎么实现?
附:
我对⽗元素定义了下⾯的规则:flex布局对齐方式
display:flex;
flex-flow:row wrap;
对⼦元素⽤p标签放了⼀些⽂本,未设置⾼度,结果显⽰效果如下红⾊标记是⼦元素被拉伸了,⾼度没有⾃适应:
⽗元素上增加align-items: flex-start;
因为交叉轴的对齐⽅式,默认是 stretch
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论