CSS グリッド レイアウトの生成
グリッド列の数、行の高さ、間隔、最初の十字列を設定し、レイアウトをリアルタイムで表示します。
ライブ プレビュー
CSS グリッド レイアウトの生成 ユーザーマニュアル
- パラメータを入力するか、フォームに従ってファイルを選択し、最初に単位とフォーマットを確認してください。
- 3 列のカード レイアウトでは、最初の項目が 2 つの列を占めます。
- 処理ボタンをクリックして結果を表示すると、コピーまたはダウンロードして保存できます。
計算方法と処理規則
リピートと最小のグリッド トラックを生成し、最初のスパンを構成します。
使用範囲
固定列の数が使用されます。 狭い画面では、メディア クエリ自体を最大 12 列まで追加できます。
入力コンテンツはサーバーに保存されますか?
このツールは、ブラウザーでの入力を処理し、ファイルやフォームのコンテンツをアップロードしません。 入力練習のスコアはネイティブ ブラウザにのみ保存されます。
結果が他のツールと異なるのはなぜですか?
固定列の数が使用されます。 狭い画面では、メディア クエリ自体を最大 12 列まで追加できます。 入力ユニット、丸め方法、適用ルール、データ バージョンを最初に比較してください。