レイアウトを 5G と同じくらい高速に作成: CSS Grid グリッド レイアウト

1. グリッドコンテナの作成と分割(1)

1. グリッドコンテナの作成と分割(2)

セルの数とサイズを設定する(1)

セルの数とサイズを設定する(2)

デフォルトのグリッド線を使用してセルを分割する(1)

デフォルトのグリッド線を使用してセルを分割する(2)

名前付きグリッド線を使用してセルを分割する

セルを繰り返し設定すると、名前付きグリッド線が自動的にインデックスを追加します

デフォルトのグリッド領域に項目を入力します。

名前付きグリッド領域に項目を入力します。

アイテムをグリッド領域のプレースホルダーに入力します

名前付きグリッド領域線のデフォルト名

コンテナ内のすべてのアイテムの配置を設定する(1)

コンテナ内のすべてのアイテムの配置を設定する(2)

セル内のすべての項目の配置を設定します

グリッド領域内のすべての項目の配置を設定します。

セルまたはグリッド領域内の項目の配置を設定する

コンテナ内の行と列の間隔を設定します。