Skip to content

align-items ​

描述 ​

该 align-items 属性沿横向轴对齐 flex 容器内的所有元素,或沿网格容器列的轴对齐网格布局的所有元素。为了沿行轴对齐网格布局的所有元素,可以使用两端对齐项属性。

语法 ​

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

值 ​

  • flex-start

    元素位于集装箱行的开头。对于布局网格元素(网格元素),允许使用缩写的起始值,对于 flex 元素,必须使用完整的 flex-start 值。

  • flex-end

    元素位于集装箱行的末端。对于布局网格元素(网格元素),允许缩写结束值;对于挠曲元素,必须使用完整的挠曲端值。

  • center

    元素位于容器行的中心(横向轴的中间或列的轴)。

  • baseline

    元素位于其基线上。

  • stretch

    柔性元素沿横轴拉伸以适合容器,布局网格元素沿列拉伸。这是默认值。

效果展示 ​