Flex-Wrap属性

CSS3 Flexbox的flex-wrap属性指定，如果在一条flex线上没有足够的空间容纳flex-item，则应该对其进行换行。

其可能的值为：

• nowrap：这是默认值。柔性物品不会包裹。
• wrap：指定是否在需要时包装柔性物品。
• wrap-reverse：指定柔性项目将在必要时以相反的顺序包装。

让我们以一些示例来说明上述值的用法。

请参阅以下示例：

示例1 ：(使用nowrap值)

这是默认值。

  
flex item 1
  
flex item 2
  
flex item 3

示例2 ：(使用包装值)

  
flex item 1
  
flex item 2
  
flex item 3

示例3 ：(使用回退值)

  
flex item 1
  
flex item 2
  
flex item 3