Skip to content
Taffy Layout Logo
Taffy Layout
文档API基准测试游乐场
Taffy Layout Logo
Taffy Layout
文档
关于 Taffy
入门指南
核心概念
样式
显示模式 (Display)
尺寸 (Size)
纵横比 (Aspect Ratio)
外边距 (Margin)
内边距 (Padding)
边框 (Border)
间距 (Gap)
Flex 方向 (Flex Direction)
Flex 换行 (Flex Wrap)
Flex 基准 (Flex Basis)
Flex 增长 (Flex Grow)
Flex 收缩 (Flex Shrink)
主轴对齐 (Justify Content)
交叉轴对齐 (Align Items)
自身对齐 (Align Self)
多行对齐 (Align Content)
网格布局 (Grid)
网格模板 (Grid Templates)
网格列 (Grid Column)
网格行 (Grid Row)
网格自动流向 (Grid Auto Flow)
定位 (Positioning)
内嵌偏移 (Inset)
溢出 (Overflow)
布局实例手册
高级主题

网格自动流向 (Grid Auto Flow)

控制自动放置的子元素如何流入网格。

如果您有超过显式单元格数量的子元素,或者您没有显式放置子元素,gridAutoFlow 将控制它们如何填充网格。

取值

值描述
Row默认值。子元素填充当前行,然后移至下一行。
Column子元素填充当前列,然后移至下一列。
RowDense类似 Row,但尝试回填网格中的空隙。
ColumnDense类似 Column,但尝试回填空隙。

示例

Loading Preview…

典型用例

  • 自动卡片网格
  • 响应式仪表板

API 参考

  • GridAutoFlow 枚举

后续步骤

  • 定位 (Position)
  • 网格模板 (Grid Templates)

本页导航

取值示例典型用例API 参考后续步骤

© 2026 ByteLand Technology Limited