做自由与创造的先行者
CSS中文手册
CSS align-content 属性
CSS align-items 属性
CSS align-self 属性
CSS all 属性
CSS animation 属性
CSS animation-delay 属性
CSS animation-direction 属性
CSS animation-duration 属性
CSS animation-fill-mode 属性
CSS animation-iteration-count 属性
CSS animation-name 属性
CSS animation-play-state 属性
CSS animation-timing-function 属性
CSS backface-visibility 属性
CSS background 属性
CSS background-attachment 属性
CSS background-blend-mode 属性
CSS background-clip 属性
CSS background-color 属性
CSS background-image 属性
CSS background-origin 属性
CSS background-position 属性
CSS background-repeat 属性
CSS background-size 属性
CSS border 属性
CSS border-bottom 属性
CSS border-bottom-color 属性
CSS border-bottom-left-radius 属性
CSS border-bottom-right-radius 属性
CSS border-bottom-style 属性
CSS border-bottom-width 属性
CSS border-collapse 属性
CSS border-color 属性
CSS border-image 属性
CSS border-image-outset 属性
CSS border-image-repeat 属性
CSS border-image-slice 属性
CSS border-image-source 属性
CSS border-image-width 属性
CSS border-left 属性

CSS align-items 属性

CSS中文手册

定义和用法

align-items 属性为弹性容器内的项目指定默认对齐方式。

提示：请使用每个项目的 align-self 属性来覆盖这个 align-items 属性。

实例

将弹性

元素的所有项目的居中对齐：

div {

display: flex;

align-items: center;

}

CSS 语法

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

属性值

值 描述
stretch 默认。项目被拉伸以适合容器。
center 项目位于容器的中央。
flex-start 项目位于容器的开头。
flex-end 项目位于容器的末端。
baseline 项目被定位到容器的基线。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。
网站建设开发|APP设计开发|小程序建设开发