CSS left 属性CSS height 属性
CSS3 justify-content 属性使用方法及示例
justify-content 属性用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | flex-start |
|---|---|
| 适用于： | 弹性容器 |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性。 |
| 版本： | CSS3的新功能 |
| JavaScript语法： | object.style.justifyContent="space-around" |
证明内容的使用语法
该属性的语法如下：
justify-content: flex-start | flex-end | center | space-between | space-around | initial | inherit
下面的示例演示了如何使用justify-content属性。
.flex-container {
/* Safari */
display: -webkit-flex;
-webkit-justify-content: space-around;
display: flex;
justify-content: space-around;
}测试看看‹/›属性值
下表描述了此属性的值。
| 值 | 描述 |
|---|---|
| flex-start | 弹性项目位于容器行的开头。这是默认值。 |
| flex-end | 弹性项目位于行尾。 |
| center | 项目位于容器的中心。 |
| space-between | 弹性项目沿线均匀分布。 |
| space-around | 弹性项目均匀分布，以便两个相邻项目之间的空间相同。 |
| initial | 将此属性设置为其默认值。 |
| inherit | 如果指定，则关联元素采用其父元素justify-content的属性值。 |
浏览器兼容性
justify-content属性浏览器的兼容性，下表中的数字表示支持该属性的浏览器最低版本号；所有主流浏览器均支持该属性。
 |
|
进一步阅读
请参考以下教程：CSS字体，CSS单位，CSS伪元素。
相关属性：align-content，align-items，align-self，display，flex，flex-basis，flex-direction，flex-flow，flex-grow，flex-shrink，flex-wrap，justify-content，min-height，min-width，order。
CSS left 属性CSS height 属性