【代码】flex布局中字符超出范围折行问题

1.flex-direction

说明：这个属性最常用，决定了主轴的横竖及走向，也就是说决定了box内部的item的摆放顺序

代码示例：

.box{
  display:flex;
  flex-direction:row;
}

2.flex-warp

说明：对于item排列成一行，超出box的范围之后，该如何处理？默认值是nowrap。

代码示例：

.box{
  display:flex;
  flex-wrap:wrap;
}

3.flex-flow

说明：这个就是上面那两个的结合，写在一个属性里。

示例：

flex-flow:row wrap;

相当于：

flex-direction:row;
flex-wrap:wrap;

微信扫码查看本文