検索

次のセクション: 设置所有项目在容器中的对齐方式(2)1559 回再生

5 秒后自动播放下一节
  もう一度見る

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

導入 >
コースウェア
章1グリッドコンテナの作成

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

16分43秒

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

14分34秒
章2セルの数とサイズ

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

12分00秒

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

13分40秒
章3セルを分割するグリッド線

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

11分52秒

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

13分50秒

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

13分12秒

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

12分11秒
章4アイテムがエリアに配置される

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

16分41秒

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

11分58秒

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

06分31秒

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

13分34秒
章5アイテムの配置

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

11分39秒

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

11分17秒

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

14分52秒

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

08分48秒

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

12分19秒

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

13分06秒
  • キャンセル返事送信
  • キャンセルノートの配布送信