网格布局 (Grid)

Taffy 的 Grid API 与 CSS Grid 类似,最适合用于二维布局。定义行和列的轨道,然后通过线或区域放置项目。

核心概念

  • 轨道(Track):行或列的尺寸定义
  • 线(Line):用于定位的网格线
  • 区域(Area):命名区域(如果使用的话)
列: 1fr 2fr 行: auto 1fr ┌───────────────┐ │ Header │ ├───────┬───────┤ │ Nav │ Main │ └───────┴───────┘

最小示例

Loading Preview…

后续步骤

© 2026 ByteLand Technology Limited