align-self属性定义flex子项单独在侧轴（纵轴）方向上的对齐方式。
允许为单个项目设置不同于其它项目的对齐方式，该属性可以可覆盖align-items属性的值，实际应用中，align-self 属性可重写灵活容器的 align-items 属性。
默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
align-self 属性的可选值如下：
| 值 | 描述 |
|---|---|
| auto | 默认值，表示元素将继承其父容器的 align-items 属性值，如果没有父容器，则为“stretch” |
| stretch | 项目将被拉伸以适合容器 |
| center | 项目位于容器的中央 |
| flex-start | 项目位于容器的顶部 |
| flex-end | 项目位于容器的底部 |
| baseline | 项目与容器的基线对齐 |
| initial | 将此属性设置为属性的默认值 |
| inherit | 从父元素继承属性的值 |
具体值对应展示效果可参考下图，实际应用中一般搭配 align-items，对某个元素做单独定义，看参考图例最后部分。
-
css详解系列：09-flex项目属性简介在接下来的文章里，我们会对flex项目（即单个 “item”）属性逐一做详细介绍
-
css详解系列：10-flex项目属性orderorder 属性 用来设置或检索弹性盒模型对象的项目（子元素）在容器中出现的順序。
-
css实现点击切换图片效果的方法在css中我们可以使用伪类选择器来实现点击切换图片的效果，看看如何实现的。
-
css样式表的三种样式css（级联样式表）主要有三种样式定义方式
-
如何在css中实现样式优先级在css中，样式优先级是由一系列规则决定的，这些规则决定了当多个样式规则应用于同一个HTML元素时，哪个规则会优先生效。
-
css文本超出显示3个点的方法在css中，如果你想让超出特定长度的文本显示为三个点（...），你可以使用text-overflow属性，配合overflow和white-space属性。
暂无评论，抢个沙发...