Style alignItems 屬性
實(shí)例
居中對齊靈活的 <div> 元素的各項(xiàng):
document.getElementById("myDIV").style.alignItems="center";
嘗試一下 ?
定義和用法
alignItems 屬性規(guī)定靈活容器內(nèi)的各項(xiàng)的默認(rèn)對齊方式。
提示:使用每個項(xiàng)目的 align-self 屬性可重寫 align-items 實(shí)現(xiàn)。
瀏覽器支持
IE11、Firefox、Chrome 和 Opera 支持 alignItems 屬性。
Safari、IE 9 及其之前的版本不支持 alignItems 屬性。IE 10 需要前綴 MS。
語法
返回 alignItems 屬性:
object.style.alignItems
設(shè)置 alignItems 屬性:
object.style.alignItems="stretch|center|flex-start|flex-end|baseline|initial|inherit"
屬性值
值 | 描述 |
---|---|
stretch | 默認(rèn)值。項(xiàng)目被拉伸以適應(yīng)容器。 |
center | 項(xiàng)目位于容器的中心。 |
flex-start | 項(xiàng)目位于容器的開頭。 |
flex-end | 項(xiàng)目位于容器的結(jié)尾。 |
baseline | 項(xiàng)目位于容器的基線上。 |
initial | 設(shè)置該屬性為它的默認(rèn)值。請參閱 initial。 |
inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術(shù)細(xì)節(jié)
默認(rèn)值: | stretch |
---|---|
返回值: | 字符串,表示元素的 align-items 屬性。 |
CSS 版本 | CSS3 |
相關(guān)文章
CSS 參考手冊:align-items 屬性
HTML DOM STYLE 參考手冊:alignContent 屬性
HTML DOM STYLE 參考手冊:alignSelf 屬性
更多建議: