Skip to main content

flex-direction 属性

Docs

flex-direction - CSS：层叠样式表 | MDN (mozilla.org)

  • flex-direction 用于定义 flex container 中子元素 (flex items) 的排列方向。

  • flex items 默认都是沿着 main axis（主轴）从 main start 开始往 main end 方向排布

  • flex-direction 决定了 main axis 的方向，有 4 个取值：

    • row: Flexbox 项将从左到右排列（默认值）。
    • row-reverse: Flexbox 项将从右到左排列。
    • column: Flexbox 项将从上到下排列。
    • column-reverse: Flexbox 项将从下到上排列。
Details
Details