位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程: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;
}

image.png

上一篇: flex-flow 下一篇: align-items交叉轴对齐
毕业设计网             广告联系QQ:45157718(微信同号)