盒子模型:
Content+border+padding margin 10 px auto
弹性盒子
Display——alex
主轴方向可变,默认水平从左往右
Flex-direction:row主轴从左往右 后加reverse为从左往右
Column为从上到下 后加则为从下往上
Justify-content:center 水平居中space-between两边贴边,中间平分剩余空间 flew-end 向右对齐
Space-around:平分剩下的空间
交叉轴对齐方式
Align-items: center 垂直居中
Align-content:
给父项加上flew-wrap:wrap 自动换行
子标签{ order:数值 flew-shrink:数值/改成0则不被压缩/ } 其中值越小越靠前
grid布局
Display:grid