css - 带伸缩盒的方形块

有没有一种方法可以使用display: flex;和flex-wrap: wrap;使所有盒子都等于最大盒子的高度（和宽度）。它似乎仅适用于同一行的人员。
这支笔进一步说明了这个问题：http://codepen.io/komplexb/pen/gbqgXq

最佳答案

假设您已经在父元素上设置了高度（并且父元素为正方形），则只需为子级flexbox项设置高度50%。

这样，由于父级是正方形，所以flex-basis的50%（简写）值与高度50%的组合将产生完全正方形的flexbox项。

Updated Example

li {
  flex: 0 0 50%;
  height: 50%;
  color: white;
  text-align: center;
}

关于css - 带伸缩盒的方形块，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29279734/