Style alignContent 屬性
Style 對象實例
對齊靈活的 <div> 元素的各項：
document.getElementById("myDIV").style.alignContent="center";
定義和用法
alignContent 屬性在當靈活容器內的各項沒有佔用交叉軸上所有可用的空間時對齊容器內的各項（垂直）。
提示：使用 justifyContent 屬性對齊主軸上的各項（水準）。
注意：容器內必須有多行的專案，該屬性才能渲染出效果。
流覽器支持
Chrome 和 Opera 支持 alignContent 屬性。
語法
返回 alignContent 屬性：
object.style.alignContent
設置 alignContent 屬性：
object.style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| stretch | 默認值。專案被拉伸以適應容器。 |
| center | 專案位於容器的中心。 |
| flex-start | 專案位於容器的開頭。 |
| flex-end | 專案位於容器的結尾。 |
| space-between | 專案位於各行之間留有空白的容器內。 |
| space-around | 專案位於各行之前、之間、之後都留有空白的容器內。 |
| initial | 設置該屬性為它的默認值。請參閱 initial。 |
| inherit | 從父元素繼承該屬性。請參閱 inherit。 |
技術細節
| 默認值： | stretch |
|---|---|
| 返回值： | 字串，表示元素的 align-content 屬性。 |
| CSS 版本 | CSS3 |
相關文章
CSS 參考手冊：align-content 屬性
HTML DOM STYLE 參考手冊：alignItems 屬性
HTML DOM STYLE 參考手冊：alignSelf 屬性
HTML DOM STYLE 參考手冊：justifyContent 屬性