HTML DOM Style alignContent 屬性

2018-08-04 20:40 更新

Style alignContent 屬性

Style 對(duì)象參考手冊(cè) Style 對(duì)象

實(shí)例

對(duì)齊靈活的 <div> 元素的各項(xiàng):

document.getElementById("myDIV").style.alignContent="center";

嘗試一下 ?

定義和用法

alignContent 屬性在當(dāng)靈活容器內(nèi)的各項(xiàng)沒(méi)有占用交叉軸上所有可用的空間時(shí)對(duì)齊容器內(nèi)的各項(xiàng)(垂直)。

提示:使用 justifyContent 屬性對(duì)齊主軸上的各項(xiàng)(水平)。

注意:容器內(nèi)必須有多行的項(xiàng)目,該屬性才能渲染出效果。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Chrome 和 Opera 支持 alignContent 屬性。


語(yǔ)法

返回 alignContent 屬性:

object.style.alignContent

設(shè)置 alignContent 屬性:

object.style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

屬性值

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

技術(shù)細(xì)節(jié)

默認(rèn)值: stretch
返回值: 字符串,表示元素的 align-content 屬性。
CSS 版本 CSS3


相關(guān)文章

CSS 參考手冊(cè):align-content 屬性

HTML DOM STYLE 參考手冊(cè):alignItems 屬性

HTML DOM STYLE 參考手冊(cè):alignSelf 屬性

HTML DOM STYLE 參考手冊(cè):justifyContent 屬性


Style 對(duì)象參考手冊(cè) Style 對(duì)象

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)