Style alignItems 屬性
示例
將彈性 <div> 元素所有專案對齊到容器的起始位置
document.getElementById("main").style.alignItems = "flex-start";自己動手試一試 »
描述
alignItems 屬性指定彈性容器內專案的預設對齊方式。
提示:使用每個專案的 align-self 屬性來覆蓋 align-items 屬性。
語法
返回 alignItems 屬性
物件.style.alignItems
設定 alignItems 屬性
物件.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| stretch | 預設值。專案被拉伸以適應容器 |
| center | 項位於容器的中心 |
| flex-start | 項位於容器的起始位置 |
| flex-end | 項位於容器的末尾位置 |
| baseline(基線) | 專案根據容器的基線位置對齊 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | stretch |
|---|---|
| 返回值 | 一個字串,表示元素的 align-items 屬性 |
| CSS 版本 | CSS3 |
瀏覽器支援
alignItems 是 CSS3 (1999) 的特性。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
相關頁面
CSS 參考:align-items 屬性
HTML DOM 樣式參考:alignContent 屬性
HTML DOM STYLE 參考:alignSelf 屬性