在用了flex布局会发现,当水平排列后,会发现所有子项的高度都变成一样的了。
这是因为flex 布局会默认:
这样设置背景色的时候非常不方便,那么直接在父项上,将align-items设为 flex-start,或者align-items属性的其他值都可以,子项就会保持自身的高度了。
.fat{ display: flex; align-items: flex-start; }
效果如下:
到此这篇关于flex布局让子项保持自身高度的实现的文章就介绍到这了,更多相关flex子项保持自身高度内容请搜索移动技术网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持移动技术网!
如对本文有疑问, 点击进行留言回复!!
Flex3 DataGrid拖拽到ClumnChart动态显示图表实现代码
flash 报错捕获(Catch All Exception in Flash)
网友评论