目录

style alignItems 属性

示例

将灵活 <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 样式参考:对齐自属性