JavaScript HTML DOM Style flexFlow 属性

• 

  flexFlow 属性

  flexFlow属性是flexDirection和flexWrap属性的简写属性。flexDirection属性指定灵活项的方向。flexWrap属性指定灵活项是否应该换行。

  注意：如果元素不是flex项，则flexFlow属性不起作用。

  使flex项目显示在列中，而不换列：

  document.getElementById("main").style.flexFlow = "column nowrap";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  flexFlow	11.0+	支持	支持	6.1 WebkitflexFlow	支持

• 

  语法

  返回flexFlow属性：

  object.style.flexFlow

  设置flexFlow属性：

  object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
• 

  属性值

  值	描述
  flex-direction	可能的值: row row-reverse column column-reverse initial inherit 默认值是 "row"。指定flex项目的方向
  flex-wrap	可能的值: nowrap wrap wrap-reverse initial inherit 默认值是 "nowrap"。指定flex项目是否应该换行
  initial	设置这个属性为默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	row nowarp
  返回值：	一个字符串，表示元素的flex-flow属性
  CSS版本	CSS3

• 

  相关页面

  CSS参考：flex-flow 属性