Flex align-content屬性

屬性定義了多根軸線(xiàn)的對(duì)齊方式。如果項(xiàng)目只有一根軸線(xiàn)，該屬性不起作用。

.box {
  align-content: flex-start | flex-end | center | space-between | space-around | stretch;
}

該屬性可能取6個(gè)值。

• flex-start：與交叉軸的起點(diǎn)對(duì)齊。
• flex-end：與交叉軸的終點(diǎn)對(duì)齊。
• center：與交叉軸的中點(diǎn)對(duì)齊。
• space-between：與交叉軸兩端對(duì)齊，軸線(xiàn)之間的間隔平均分布。
• space-around：每根軸線(xiàn)兩側(cè)的間隔都相等。所以，軸線(xiàn)之間的間隔比軸線(xiàn)與邊框的間隔大一倍。
• stretch（默認(rèn)值）：軸線(xiàn)占滿(mǎn)整個(gè)交叉軸。