カラム幅 計算ツール
Webデザインのグリッドシステム設計に必要な数値を瞬時に算出します
算出された1カラムの幅
0
px
マージン(Gap)の合計
0 px
カラムの合計幅
0 px
計算式:
パラメータ入力
画面幅 (Artboard)
1920px
コンテンツ幅 (Container)
1200px
カラム数
マージン (Gap)
ビジュアルプレビュー
設定値が不正です（幅がマイナスになるなど）
※画面に収まるように縮小表示されています
実装コード (CSS)
CSS Grid (推奨)
Copy
Flexbox (レガシー/代替)
Copy