# 容器（也就是父盒子设置的 flex布局父项常见属性） ## flex-direction 设置主轴的方向 ``` row 默认从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到上 ``` ## justify-content 设置主轴上的子元素排列方式 justify-content属性定义了项目在主轴上的对齐方式 ``` 属性值 flex-start 默认从头部开始 如果主轴是X轴，则从左到右 flex-end 从尾部开始排列 center 在主轴居中对齐（如果主轴是X轴则水平居中） space-around 平分剩余空间 spce-between 先两边贴边 再平分剩余空间（重要） ```