1 

代码:

css3中弹性布局flex简单总结2_flex

效果:

css3中弹性布局flex简单总结2_flex_02

注意: 高度和父级元素同高

2 代码:

css3中弹性布局flex简单总结2_弹性布局_03

效果:

css3中弹性布局flex简单总结2_flex_04

3

代码:

css3中弹性布局flex简单总结2_flex_05

效果:

css3中弹性布局flex简单总结2_弹性布局_06

4 设置垂直方向的

css3中弹性布局flex简单总结2_flex_07

效果:

css3中弹性布局flex简单总结2_弹性布局_08

注意: 在垂直方向上排放，如果没有指定宽度，宽度是与父级同宽。