管理员
|
阅读:5878回复:0
[css]flex 布局中,所有子项高度变成一致了,如何保持子项自身高度
楼主#
更多
发布于:2021-04-16 09:55
在做移动端项目时,使用了flex布局后,所有的子项高度变成了一致 问题:在flex布局中,如何保持子项自身高度 原因: Flex 布局会默认:- 把所有子项变成水平排列。
- 默认不自动换行。
- 让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。
解决方案: 直接在flex容器上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。
|