1.设置主轴对齐方式
设置弹性盒子布局 : display: flex;
flex-direction:设置主轴方向
columun:主轴就是从上到下的垂直方向
row:主轴就是从左到右的水平方向 。默认值
column-reverse:主轴是从下到上的垂直方向
flex-direction:主轴是从右往左到水平方向
2.设置主轴方向
flex-direction 设置主轴方向
column:主轴以列的形式
row:主轴以行的形式,默认值
reverse:倒序排序
justify-content:设置主轴方向上的对齐方式
3.设置盒子排列
flex-wrap: 设置项目是否换行
nowarp:不换行
warp:换行
war-reverse:反方向换行
4.结构伪类选择器
当出现了子盒子有很多命名相同时,可使用结构伪类选择器,当全部属性统一被设置是,想要给其中某一个项目单独设置属性