flex-flow

  • 版本:CSS3
  • 继承性:无
flex-flow属性在CSS新弹性盒模型中是比较常用的,本文将带你深入理解flex-flow属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上flex-flow的演示案例,希望能够对你有所帮助。

flex-flow的具体语法

flex-flow:[ flex-direction ] || [ flex-wrap ]

默认值看各分拆属性

适用于:弹性盒模型容器

继承性:无

flex-flow的取值介绍

[ flex-direction ]:
定义弹性盒子元素的排列方向。
[ flex-wrap ]:
定义弹性盒子元素溢出父容器时是否换行。

flex-flow的使用说明

复合属性。设置或检索弹性盒模型对象的子元素排列方式。
  • 对应的脚本特性为flexFlow

flex-flow的浏览器兼容性

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
较早版本 6.0-10.0 4.0-25.0 5.1.7-6.0 21.0-28.0-webkit- 9.5-12.0
较新版本 11.0 7.0-webkit- 29.0 12.1

flex-flow的完整演示案例

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册