Flex布局让子项保持自身高度的实现

在用了Flex布局会发现，当水平排列后，会发现所有子项的高度都变成一样的了。

&nbs p;

这是因为Flex 布局会默认：

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

这样设置背景色的时候非常不方便，那么直接在父项上，将align -i tems设为 flex -s tart, 或者 align- IT ems属性的其他值都可以,子项就会保持自身的高度了。

.fat{
	dis play : flex;
	align-items: flex-start;
}

效果如下：

到此这篇关于Flex布局让子项保持自身高度的实现的 文章 就介绍到这了,更多相关Flex子项保持自身高度内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

总结

以上是 为你收集整理的 Flex布局让子项保持自身高度的实现 全部内容，希望文章能够帮你解决 Flex布局让子项保持自身高度的实现 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于Flex布局让子项保持自身高度的实现的详细内容...