免費(fèi)AI編程助手
Style justifyContent 屬性
Style 對象實(shí)例
在靈活的 <div> 元素的各項(xiàng)周圍留有空白：
document.getElementById("main".style.justifyContent="space-between";
嘗試一下 ?
定義和用法
justifyContent 在當(dāng)靈活容器內(nèi)的各項(xiàng)沒有占用主軸上所有可用的空間時對齊容器內(nèi)的各項(xiàng)（水平）。
提示：使用 alignContent 屬性對齊交叉軸上的各項(xiàng)（垂直）。
瀏覽器支持
Firefox、Opera 和 Chrome 支持 justify-content 屬性。
語法
返回 justifyContent 屬性：
object.style.justifyContent
設(shè)置 justifyContent 屬性：
object.style.justifyContent="flex-start|flex-end|center|space-between|space-around|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| flex-start | 默認(rèn)值。項(xiàng)目位于容器的開頭。 |
| flex-end | 項(xiàng)目位于容器的結(jié)尾。 |
| center | 項(xiàng)目位于容器的中心。 |
| space-between | 項(xiàng)目位于各行之間留有空白的容器內(nèi)。 |
| space-around | 項(xiàng)目位于各行之前、之間、之后都留有空白的容器內(nèi)。 |
| initial | 設(shè)置該屬性為它的默認(rèn)值。請參閱 initial。 |
| inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術(shù)細(xì)節(jié)
| 默認(rèn)值： | flex-start |
|---|---|
| 返回值： | 字符串，表示元素的 justify-content 屬性。 |
| CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊：justify-content 屬性
HTML DOM STYLE 參考手冊：alignContent 屬性
HTML DOM STYLE 參考手冊：alignItems 屬性
HTML DOM STYLE 參考手冊：alignSelf 屬性
更多建議：