CSS justify-content 属性

实例

对齐弹性盒的 <div> 元素的各项：

div

{

display: flex;

flex-flow: row wrap;

align-content:space-around;

}

浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。

定义和用法

align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。

提示：使用 justify-content 属性对齐主轴上的各项（水平）。

注意：容器内必须有多行的项目，该属性才能渲染出效果。

CSS 语法

align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;

默认值

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！