成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/jpgjpi.html