定義和用法
該justifyContent財產對齊軟質容器的項目時,項目不使用主軸的所有可用空間(horizontally) 。
提示:使用alignContent屬性對齊在十字軸中的項目(vertically) 。
瀏覽器支持
該證明內容特性是在Firefox,Opera和Chrome瀏覽器的支持。
句法
返回justifyContent屬性:
object .style.justifyContent
設置justifyContent屬性:
object .style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
屬性值
值 | 描述 |
---|---|
flex-start | 默認值。 項目定位在容器的開始 |
flex-end | 項目被定位在容器的端部 |
center | 項目被定位在容器的中心 |
space-between | 項目被定位為與線之間的空間 |
space-around | 項之前定位空間之間,並且所述行之後 |
initial | 將此屬性設置為默認值。 閱讀關於初始 |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
技術細節
默認值: | 柔性啟動 |
---|---|
返回值: | 一個字符串,表示元素的理由,內容屬性 |
CSS版本 | CSS3 |
相關頁面
CSS參考: justify-content property
HTML DOM樣式的引用: alignContent property
HTML DOM樣式的引用: alignItems property
HTML DOM樣式的引用: alignSelf property
<Style對象