方形块与Flex盒

Question

是否可以使用display: flex; flex-wrap: wrap;使所有方框与最大方框的高度（和宽度）相等。它似乎只适用于同一行的人。 这支笔更多地说明了这个问题：http://codepen.io/komplexb/pen/gbqgXq

Answer 1

鉴于您已经在父元素上设置了一个高度（并且父元素是正方形），您只需要为子集Flexbox项目提供50%的高度。

这样做flex-basis（速记）值50%加上50%的高度将导致完美的方形flexbox项目，因为父项是正方形。

Updated Example

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