flex布局中的高度问题align-items:strech

display:flex;默认align-items:strech,会导致子元素高度强制拉伸,所有子元素高度等于最高的那个子元素高度

align-items:strech能产生效果,强制拉伸子元素高度,有个前提:这个子元素没有设置height,如果子元素或某个子元素设置了高度值,那么强制拉伸就对设置了高度的子元素没有效果。

flex height.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容