简体中文
简体中文
# align-items
CSS align-items 属性将所有直接子节点上的 align-self 值设置为一个组。align-self 属性设置项目在其包含块中在交叉轴方向上的对齐方式。
# uni-app x 兼容性
| Android | iOS | web |
|---|---|---|
| 3.9 | 4.11 | 4.0 |
# 语法
align-items: normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ];
# align-items 的属性值
center
元素在侧轴居中。如果元素在侧轴上的高度高于其容器，那么在两个方向上溢出距离相同。
flex-start
元素向侧轴起点对齐。
flex-end
元素向侧轴终点对齐。
stretch
弹性项包含外边距的交叉轴尺寸被拉升至行高
baseline
所有元素向基线对齐。侧轴起点到元素基线距离最大的元素将会于侧轴起点对齐以确定基线。
# 默认值
| 平台 | 默认值 |
|---|---|
| uvue | stretch |
注意：W3C 默认值为：normal
# 适用组件
# 兼容性
# align-items 的属性值兼容性
| Android | iOS | web | |
|---|---|---|---|
| center | 3.9 | 4.11 | 4.0 |
| flex-start | 3.9 | 4.11 | 4.0 |
| flex-end | 3.9 | 4.11 | 4.0 |
| stretch | 3.9 | 4.11 | 4.0 |
| baseline | x | x | 4.0 |
# 浏览器兼容性
| Chrome | Edge | Firefox | Opera | Safari | IE | |
|---|---|---|---|---|---|---|
| align-items | √（ 29 ） | √（ 12 ） | √（ 20 ） | √（ 16 ） | √（ 9 ） | √（ 11 ） |
