flex-direction—改变元素排列方式
默认主轴是横轴,侧轴是纵轴,使用flex-direction让二者交换
但是主轴属性依然用——justify-content进行设置
侧轴依然用—— align-items

image.png
flex-wrap——弹性盒子自动换行
代码写在弹性容器里

image.png
行与行的布局方式——

image.png
拓展
修饰线的实现方式
1.设置空盒子,背景色为实线颜色,高度为线条厚度,宽度为线条长度。
2.利用伪元素+定位

image.png
3.利用布局中盒子的边距
回顾

image.png

image.png