最新的Web開發教程
 

Style justifyContent Property

<Style對象

使靈活的項目之間的一些空間<div>元素:

document.getElementById("main".style.justifyContent = "space-between";
試一試»

定義和用法

該justifyContent財產對齊軟質容器的項目時,項目不使用主軸的所有可用空間(horizontally)

提示:使用alignContent屬性對齊在十字軸中的項目(vertically)


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

該證明內容特性是在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對象