前端面试题--详解flex
| 阿里云国内75折 回扣 微信号：monov8 |
| 阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6 |
前端面试题–详解flex
Flex是指弹性盒子布局的意思
Flex的主要作用是：解决元素居中问题自动弹性伸缩自动适配不同大小的屏幕和移动端。
Flex的术语解释：二成员：容器和项目(container / item)
二根轴：主轴与交叉轴(main-axis / cross-axis)
二根线：起始线(main/cross-start)与结束线main/cross-end)
容器container的属性设置：
- flex-direction 主轴方向
- flex-wrap 主轴一行满了换行
- flex-flow 1和2的组合
- justify-content 主轴元素对齐方式
- align-items 交叉轴元素对齐方式//单行
- align-content 交叉轴行对齐方式//多行
Flex-direction主轴方向
row默认值：主轴为水平方向起点在左端。
row-reverse：主轴为水平方向起点在右端。
column：主轴为垂直方向起点在上沿。
column-reverse：主轴为垂直方向起点在下沿。