CSS flex布局之 justify-content 属性
justify-content 设置在容器上。属性定义了项目在主轴方向(水平)的对齐方式。
div{
display: flex;
justify-content: center;
}
具体对齐方式与项目的排列方向有关。假设主轴为从左到右,它可能的值有:
- flex-start (默认):左对齐。
- flex-end :右对齐。
- center :居中。
- space-between :两端对齐,项目之间的间隔都相等。
- space-around :每个项目两侧的间隔相等,项目之间的间隔比项目与边框的间隔大一倍。
JavaScript 语法:
object.style.justifyContent="space-between"