天天看点

css--对齐方式justify-content的使用

justify-content 属性用来设置项目在主轴方向上的对齐方式。(与弹性盒子连用)

1. flex-start 沿着主轴方向 起点 对齐(默认值)。

2. flex-end 沿着主轴方向 结尾 对齐。

3. center 沿着主轴方向 居中 对齐。

4. space-between 沿着主轴方向 间隔 对齐,头尾没有间距。

5. space-around 沿着主轴方向 间隔 对齐,头尾有间距。