flex-direction—改变元素排列方式
默认主轴是横轴,侧轴是纵轴,使用flex-direction让二者交换
但是主轴属性依然用——justify-content进行设置
侧轴依然用—— align-items
flex-wrap——弹性盒子自动换行
代码写在弹性容器里
行与行的布局方式——
拓展
修饰线的实现方式
1.设置空盒子,背景色为实线颜色,高度为线条厚度,宽度为线条长度。
2.利用伪元素+定位
3.利用布局中盒子的边距
默认主轴是横轴,侧轴是纵轴,使用flex-direction让二者交换
但是主轴属性依然用——justify-content进行设置
侧轴依然用—— align-items
代码写在弹性容器里
行与行的布局方式——
1.设置空盒子,背景色为实线颜色,高度为线条厚度,宽度为线条长度。
2.利用伪元素+定位
3.利用布局中盒子的边距