Flexbox的align-content属性

CSS3 Flexbox align-content属性用于修改flex-wrap属性的行为。就像align-items一样，但是它对齐弹性线而不是弹性项目。

其可能的值为：

• Stretch：这是默认值。它指定拉伸的线以占用剩余空间。
• flex-start：指定将行打包到flex容器的开头。
• flex-end：指定将行打包到flex容器的末端。
• center：指定线被压缩到flex容器的中心。
• space-between：指定线在flex容器中均匀分布。
• space-around：指定行在flex容器中均匀分布，两端各占一半。

让我们以一个示例来看一下使用中心值的结果。

请参阅以下示例：

    





  
flex item 1
  
flex item 2
  
flex item 3