当前阅读教程:Flex Box语法教程 > justify-content主轴对齐 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: flex-flow | 下一篇: align-items交叉轴对齐 |
justify-content属性定义了项目在主轴上的对齐方式。(左中右) Ø flex-start(默认值):左对齐 Ø flex-end:右对齐 Ø center: 居中 Ø space-between:两端对齐,项目之间的间隔都相等。 Ø space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。 .box { justify-content: flex-start | flex-end | center | space-between | space-around; } |
|
上一篇: flex-flow | 下一篇: align-items交叉轴对齐 |