doubleyong
管理员
管理员
  • 最后登录2021-06-18
  • 发帖数1013
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:483回复:0

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

楼主#
更多 发布于:2021-04-16 09:55
在做移动端项目时,使用了flex布局后,所有的子项高度变成了一致
       
问题:在flex布局中,如何保持子项自身高度    



原因:

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



解决方案:


直接在flex容器上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号