グリッドレイアウト (Grid)

Taffy の Grid API は CSS Grid に似ており、2次元レイアウトに最適です。行と列のトラックを定義し、線または領域でアイテムを配置します。

基本概念

  • トラック(Track):行または列のサイジング定義
  • ライン(Line):配置に使用されるグリッド線
  • エリア(Area):名前付き領域(使用する場合)
列: 1fr 2fr 行: auto 1fr ┌───────────────┐ │ Header │ ├───────┬───────┤ │ Nav │ Main │ └───────┴───────┘

最小限の例

Loading Preview…

次のステップ

© 2026 ByteLand Technology Limited