Align Self
CSS 属性 align-self 会对齐当前 grid 或 flex 行中的元素，并覆盖已有的 align-items 的值。 在 Grid 中，它在网格区域内对齐项目。 在 Flexbox 中，会按照 cross axis（当前 flex 元素排列方向的垂直方向）进行排列。
语法
| Class | 属性 | 描述 |
|---|---|---|
| self-auto | align-self: auto; | 设置为父元素的 align-items 值 |
| self-center | align-self: center; | flex 元素会对齐到 cross-axis 的中间 |
| self-start | align-self: flex-start; | flex 元素会对齐到 cross-axis 的首端 |
| self-end | align-self: flex-end; | flex 元素会对齐到 cross-axis 的尾端 |
| self-stretch | align-self: stretch; | 如果元素未设置高度或设为auto，将占满整个容器的高度。 |
示例
self-auto
设置为父元素的 align-items 值。
self-center
flex 元素会对齐到 cross-axis 的中间，如果该元素的 cross-size 尺寸大于 flex 容器，将在两个方向均等溢出。
self-start
flex 元素会对齐到 cross-axis 的首端。
self-end
flex 元素会对齐到 cross-axis 的尾端。
self-stretch
如果元素未设置高度或设为auto，将占满整个容器的高度。