CSS3 flex 如何让高度不等的同排等高？

问题描述

问 题

我想让高度不等的2个li等高

我用的是ul 和 li 排列的，父元素ul设置了

display: flex;
align-items: flex-end;

子元素li设置为：

flex: 0 0 50%;

我把父元素的align-items设置为stretch 就变成这样了。。。

求问该怎么设置才好，能让同一排高度不等的两个li等高

解决方案

align-items属性

这篇关于CSS3 flex 如何让高度不等的同排等高？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！