justify-content

實例

在彈性盒對象的 <div> 元素中的各項周圍留有空白：

div { display: flex; justify-content: space-around; }

表格中的數(shù)字表示支持該屬性的第一個瀏覽器的版本號。

緊跟在 -webkit-, -ms- 或 -moz- 后的數(shù)字為支持該前綴屬性的第一個版本。

屬性
justify-content	29.0 21.0?-webkit-	11.0	28.0 18.0?-moz-	9.0 6.1?-webkit-	17.0

justify-content 用于設(shè)置或檢索彈性盒子元素在主軸（橫軸）方向上的對齊方式。

提示：使用 align-content 屬性對齊交叉軸上的各項（垂直）。

默認(rèn)值：	flex-start
繼承：	否
可動畫化：	否。請參閱可動畫化（animatable）。
版本：	CSS3
JavaScript 語法：	object.style.justifyContent="space-between" 運行代碼

值	描述
flex-start	默認(rèn)值。項目位于容器的開頭。
flex-end	項目位于容器的結(jié)尾。
center	項目位于容器的中心。
space-between	項目位于各行之間留有空白的容器內(nèi)。
space-around	項目位于各行之前、之間、之后都留有空白的容器內(nèi)。
initial	設(shè)置該屬性為它的默認(rèn)值。請參閱 initial。
inherit	從父元素繼承該屬性。請參閱 inherit。