扫码关注官方订阅号
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官网里,有说的,记不大起来了,去看看就明白了
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
你的布局需求看元素是等宽而不等高的,所以这里应该沿 column 方向排列,即
flex-direction: columnhttp://codepen.io/cool_zjy/pen/zBWwLZ
angular-material官网里,有说的,记不大起来了,去看看就明白了