网格布局 (Grid)
Taffy 的 Grid API 与 CSS Grid 类似,最适合用于二维布局。定义行和列的轨道,然后通过线或区域放置项目。
核心概念
- 轨道(Track):行或列的尺寸定义
- 线(Line):用于定位的网格线
- 区域(Area):命名区域(如果使用的话)
列: 1fr 2fr 行: auto 1fr ┌───────────────┐ │ Header │ ├───────┬───────┤ │ Nav │ Main │ └───────┴───────┘
最小示例
Loading Preview…