4.4 项目对齐

使用align-items-*通用样式可以在Flexbox容器上实现Flex项目的对齐（以y轴开始，如果选择flex-direction: column，则从x轴开始），可选值有：start、end、center、baseline和stretch（浏览器默认值）。

【例4.5】项目对齐案例。

在IE 11浏览器中运行结果如图4-5所示。

图4-5 项目对齐效果

项目对齐布局也可以添加响应式的设置，响应式类如下：

上一章目录下一章