flex height变高了

在做移动端项目时，使用了flex布局后，所有的子项高度变成了一致

问题：在flex布局中，如何保持子项自身高度

 

原因：

Flex 布局会默认：

把所有子项变成水平排列。
默认不自动换行。
让子项与其内容等宽，并把所有子项的高度变为最高子项的高度。

 

解决方案：

直接在flex容器上，将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。
————————————————
版权声明：本文为CSDN博主「bug收集」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yangyangkl123/article/details/115751467