Bootstrap从入门到项目实战
上QQ阅读APP看书,第一时间看更新

4.4 项目对齐

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

【例4.5】项目对齐案例。

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

图4-5 项目对齐效果

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