html中Flex 布局⽅法
```
⼀、flex属性：
flex布局对齐方式1.flex-direction      值：
row（默认值）：主轴为⽔平⽅向，起点在左端
row-reverse：主轴为⽔平⽅向，起点在右端
column：主轴为垂直⽅向，起点在上沿
column-reverse：主轴为垂直⽅向，起点在下沿
2.flex-wrap    值：
nowrap（默认）：不换⾏
wrap：换⾏，第⼀⾏在上⽅
wrap-reverse：换⾏，第⼀⾏在下⽅
3.flex-flow    flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap
4.justify-content  值：
flex-start（默认值）：左对齐
flex-end：右对齐
center：居中
space-between：先两边贴边，在分配剩余的空间
space-around：平分剩余空间
5.align-items  值：排列⽅式单⾏
flex-start：从上到下
flex-end：从下到上
center：挤在⼀起居中（(垂直居中)
baseline: 项⽬的第⼀⾏⽂字的基线对齐
stretch（默认值）：如果项⽬未设置⾼度或设为auto，将占满整个容器的⾼度
6.align-content    值：排列⽅式多⾏
flex-start：默认值在侧轴的头部开始排列
flex-end：在侧轴的尾部开始排列
center：在侧轴中间显⽰
space-between：⼦项在侧轴先分布在两头，再平分剩余空间
space-around：⼦项在侧轴平分剩余空间
stretch（默认值）：设置⼦项元素⾼度平分⽗元素⾼度
```

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。