使用align-self-*通用样式，可以使Flexbox上的项目单独改变在横轴上的对齐方式（y轴开始，如果是flex-direction: column，则为x轴开始），其拥有与align-items相同的可选子项：start、end、center、baseline和stretch（浏览器默认值）。
【例4.6】自动对齐案例。
在IE 11浏览器中运行结果如图4-6所示。
图4-6 自动对齐效果
自动对齐布局也可以添加响应式的设置，响应式类如下：
