Skip to content

align-self ​

描述 ​

该 align-self 属性设置弹性容器内各个行元素的对齐方式,或沿网格容器列的轴对齐单元格内的网格布局元素

语法 ​

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

值 ​

  • auto 采用对齐项的父值,如果没有父项,则采用拉伸项。
  • flex-start 元素在容器横轴的起点对齐。
  • flex-end 元素在容器横轴的末端对齐。
  • center 元素在横轴上的中心线上对齐。
  • baseline 元素与文本的基线对齐。
  • stretch 元件以沿横向轴占据容器的整个自由空间的方式拉伸。

效果展示 ​