カラム幅 計算ツール

Webデザインのグリッドシステム設計に必要な数値を瞬時に算出します

算出された1カラムの幅

0 px
マージン(Gap)の合計 0 px
カラムの合計幅 0 px
計算式:

パラメータ入力

ビジュアルプレビュー

※画面に収まるように縮小表示されています

実装コード (CSS)

CSS Grid (推奨)
Flexbox (レガシー/代替)