我正在尝试创建一个具有多行和多列的网格。我希望使用 Flexbox 使它们都具有相同的高度，但我唯一能得到的是一行上具有相同大小的列。
这是我正在尝试做的事情的一个例子：http://jsbin.com/maxavahesa/1/edit?html,css,输出 http://jsbin.com/maxavahesa/1/edit?html,css,output
在这个例子中我想要我所有的<li>具有相同的高度，这意味着最大项目的高度（在我的示例中，这将是最后一个<li>）。用flexbox可以实现吗？
不，这对于纯 CSS/flexbox 是不可能的。
我将引用 W3C 规范：
当Flex容器有多行时，每行的交叉尺寸是包含该行上的弹性项目所需的最小尺寸（由于align-self 对齐后），并且线条在flex 容器内通过align-content 属性对齐。 [...]
(From http://www.w3.org/TR/css3-flexbox/#flex-lines http://www.w3.org/TR/css3-flexbox/#flex-lines)
因此，一项仅扩展到其当前所在行的最大高度。
上述引用的术语：
(From http://www.w3.org/TR/css3-flexbox/#box-model http://www.w3.org/TR/css3-flexbox/#box-model)
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
