flex 布局导致子项高度相同，如何解决

link之家

链接快照平台

相关文章推荐

开朗的枕头 · 如何解决 ...· 2 年前 ·

暴走的豆芽 · ASP.NET Core Web ...· 2 年前 ·

性感的玉米 · Python导入标准库和扩展库对象的几种方式 ...· 2 年前 ·

重感情的脸盆 · gitee怎么合并分支 - 知乎· 2 年前 ·

含蓄的充值卡 · 数组算法 java 115918581-天翼云· 2 年前 ·

解决方法：

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

如果是使用了flex-wrap，则应该使用align-content，而不是align-items

友情链接：

推荐文章

开朗的枕头 · 如何解决 java.lang.IndexOutOfBoundsException: Invalid index 1, size is 0 Android Studio？ - 问答 - 腾讯云开发者社区-腾讯云

2 年前

暴走的豆芽 · ASP.NET Core Web App应用第三方Bootstrap模板 - 「圣杰」 - 博客园

2 年前

性感的玉米 · Python导入标准库和扩展库对象的几种方式-腾讯云开发者社区-腾讯云

2 年前

重感情的脸盆 · gitee怎么合并分支 - 知乎

2 年前

含蓄的充值卡 · 数组算法 java 115918581-天翼云

2 年前