将灵活 <div> 元素的所有项目的对齐方式放置在容器的开头:
document.getElementById("main").style.alignItems = "flex-start";
亲自试一试 »
alignItems 属性指定灵活容器内项目的默认对齐方式。
提示:使用每个项目的align-self属性来覆盖align-items属性。
返回alignItems属性:
object.style.alignItems
设置alignItems属性:
object.style.alignItems = "stretch|center|flex-start|flex-end|baseline|initial|inherit"
Value | Description |
---|---|
stretch | Default. Items are stretched to fit the container |
center | Items are positioned at the center of the container |
flex-start | Items are positioned at the beginning of the container |
flex-end | Items are positioned at the end of the container |
baseline | Items are positioned at the baseline of the container |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 拉紧 |
---|---|
返回值: | 一个字符串,表示元素的align-items属性 |
CSS版本 | CSS3 |
alignItems
是 CSS3 (1999) 的一项功能。
所有浏览器都完全支持它:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |
CSS 参考:对齐项目属性
HTML DOM 样式参考:对齐内容属性
HTML DOM 样式参考:对齐自属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!