align-items

CSS align-items 属性将所有直接子节点上的 align-self 值设置为一个组。align-self 属性设置项目在其包含块中在交叉轴方向上的对齐方式。

Syntax

align-items: center | flex-start | flex-end | stretch;

Values

center 元素在侧轴居中。如果元素在侧轴上的高度高于其容器，那么在两个方向上溢出距离相同。

flex-start 元素向侧轴起点对齐。

flex-end 元素向侧轴终点对齐。

stretch 弹性项包含外边距的交叉轴尺寸被拉升至行高

baseline 所有元素向基线对齐。侧轴起点到元素基线距离最大的元素将会于侧轴起点对齐以确定基线。

default

Platform	default
app-uvue	stretch
web	normal

Applicable components

• view
• scroll-view
• list-view
• list-item
• swiper-item
• navigator

Compatibility

uni-app compatibility

	Android version	Android uni-app	Android uni-app-x	iOS version	iOS uni-app	iOS uni-app-x
align-items	5.0	√	3.9+	9.0	√	-
baseline	5.0	√	x	9.0	√	x

See also

• Related Bug