Flex 布局应用示例

1. flex设置元素水平垂直居中

2. 用flex布局制作导航栏

3. 图文并排的样式：左边是图片，右边是文字

4. 固定百分比布局

5.圣杯布局

6. 双飞翼布局： 双飞翼布局，就是两端固定宽高，中间自适应的三栏布局。

7. 底部fooer固定在底部，但是不是fixed定位

页面会经常用到固定的底栏，但是当页面内容过少时，footer会到页面中间

来源： Flex布局应用实例