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

创新互联于2013年创立,先为晋州等服务建站,晋州等地企业,进行企业商务咨询服务。为晋州企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

代码:

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

效果:

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

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

2 代码:

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

效果:

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

3

代码:

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

效果:

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

4 设置垂直方向的

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

效果:

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

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


当前名称:css3中弹性布局flex简单总结2
转载来于:http://scyanting.com/article/jpgjpi.html