CSS3 Flexbox 演示

DEMO地址:
https://lincenying.github.io/vue2-flex/

仓库地址:
https://github.com/lincenying/vue2-flex

CSS3 Flexbox 布局实例

仓库地址:
https://github.com/philipwalton/solved-by-flexbox

DEMO地址:
https://philipwalton.github.io/solved-by-flexbox/

该实例列举 6 中常见的布局方式, 包括:

1. 网格系统
   https://philipwalton.github.io/solved-by-flexbox/demos/grids/

2. 圣杯布局
   https://philipwalton.github.io/solved-by-flexbox/demos/holy-grail/

3. input 拓展
   https://philipwalton.github.io/solved-by-flexbox/demos/input-add-ons/

4. 图文排版
   https://philipwalton.github.io/solved-by-flexbox/demos/media-object/

5. 固定底部
   https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/

6. 绝对居中
   https://philipwalton.github.io/solved-by-flexbox/demos/vertical-centering/