グリッドレイアウト (Grid)
Taffy の Grid API は CSS Grid に似ており、2次元レイアウトに最適です。行と列のトラックを定義し、線または領域でアイテムを配置します。
基本概念
- トラック(Track):行または列のサイジング定義
- ライン(Line):配置に使用されるグリッド線
- エリア(Area):名前付き領域(使用する場合)
列: 1fr 2fr 行: auto 1fr ┌───────────────┐ │ Header │ ├───────┬───────┤ │ Nav │ Main │ └───────┴───────┘
最小限の例
Loading Preview…