Lynx
指引
API
博客
贡献
指引
API
博客
贡献
简体中文

flex-flow

介绍

定义弹性容器中的元件排列方向及单或多行（列）堆叠方向，是 flex-direction 和 flex-wrap 的简写属性。

使用示例

css-apisrc/flex-flow/App.tsx
预览

语法

/* flex-flow: <'flex-direction'> */
flex-flow: row;
flex-flow: row-reverse;
flex-flow: column;
flex-flow: column-reverse;

/* flex-flow: <'flex-wrap'> */
flex-flow: nowrap;
flex-flow: wrap;
flex-flow: wrap-reverse;

/* flex-flow: <'flex-direction'> and <'flex-wrap'> */
flex-flow: row nowrap;
flex-flow: column wrap;
flex-flow: column-reverse wrap-reverse;

取值

更多取值信息请查看 flex-direction 和 flex-wrap。

形式定义

初始值as each of the properties of the shorthand:
  • flex-direction: row
  • flex-wrap: nowrap
适用元素弹性容器
是否支持继承否
是否支持动画

形式语法

flex-flow =
  <'flex-direction'>  ||
  <'flex-wrap'>

<flex-direction> =
  row             |
  row-reverse     |
  column          |
  column-reverse

<flex-wrap> =
  nowrap        |
  wrap          |
  wrap-reverse

兼容性

LCD tables only load in the browser

除非另有说明，本项目采用知识共享署名 4.0 国际许可协议进行许可，代码示例采用 Apache License 2.0 许可协议进行许可。