flex 布局中，所有子项高度变成一致了，如何保持子项自身高度

在做移动端项目时，使用了flex布局后，所有的子项高度变成了一致
       
问题：在flex布局中，如何保持子项自身高度    



原因：

   Flex 布局会默认：

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

解决方案：


直接在flex容器上，将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。

 

 

作者：doubleyong

博客：bugshouji.com (专门解决与收集bug的网站)

 

 

欢迎添加下面的 “公众号” ，可以第一时间获到文章推送 @_@