1. flex设置元素水平垂直居中
2. 用flex布局制作导航栏
3. 图文并排的样式:左边是图片,右边是文字
4. 固定百分比布局
5.圣杯布局
6. 双飞翼布局: 双飞翼布局,就是两端固定宽高,中间自适应的三栏布局。
7. 底部fooer固定在底部,但是不是fixed定位
页面会经常用到固定的底栏,但是当页面内容过少时,footer会到页面中间
来源: Flex布局应用实例
1. flex设置元素水平垂直居中
2. 用flex布局制作导航栏
3. 图文并排的样式:左边是图片,右边是文字
4. 固定百分比布局
5.圣杯布局
6. 双飞翼布局: 双飞翼布局,就是两端固定宽高,中间自适应的三栏布局。
7. 底部fooer固定在底部,但是不是fixed定位
页面会经常用到固定的底栏,但是当页面内容过少时,footer会到页面中间
来源: Flex布局应用实例
转载于:https://www.cnblogs.com/kongge/p/11039395.html