align-items

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

语法

align-items: normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ];

属性值

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

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

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

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

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

默认值

平台	默认值
app-uvue	stretch
web	normal

适用组件

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

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
align-items	5.0	√	3.9+	9.0	√	-
baseline	5.0	√	x	9.0	√	x