Flex布局里的align-self属性

269 阅读1分钟

css-tricks.com/almanac/pro…

It makes possible to override the align-items value for specific flex items.

允许flex item重载flex container里定义的align-items的值。

语法:

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

.flex-item {
  align-self: flex-end;
}

这五种属性对应的效果如下:

在这里插入图片描述