使用.flex-column设置垂直方向布局,使用.flex-column-reverse实现垂直方向的反转布局(从底向上铺开)。
【例4.3】垂直方向排列案例。
在IE 11浏览器中运行结果如图4-3所示。
图4-3 垂直方向排列效果
垂直方向布局也可以加响应式的设置,响应式类如下: