gapのムラゴンブログ

このタグの読者になる 0

flexboxのgapとmarginの違いを本質から理解する

CSSでレイアウトを組んでいると、要素同士の「余白」をどう作るかで迷う場面がよくあります。そのときに出てくるのが、gap と margin です。一見するとどちらも「余白を作る」ためのものですが、役割はまったく違います。ここを曖昧にしたまま使っていると、レイアウトが崩れたり、後から修正が大変に... 続きをみる
- 余白
- margin
- 要素
- レイアウト
- 間隔
- 外側
- 同士
- つまり
- 管理
たむ webエンジニア発信 | 少しためになるブログ 2026/04/04 08:21
CSSの「gap」とは？初心者でも理解できる使い方

CSSでレイアウトを作っていると、要素同士の余白をどう作るかで悩むことがあります。そのときによく使われるのが gap というプロパティです。この記事では、CSSの gapとは何か、そして marginとの違い、実際の使い方まで整理して解説します。 gapとは gapは、要素と要素の間の余白をまと... 続きをみる
- 要素
- 余白
- 指定
- レイアウト
- 同士
- プロパティ
- 間隔
- 縦横
- grid
たむ webエンジニア発信 | 少しためになるブログ 2026/03/14 08:15
# gap
# フォートナイト
# 今日のコーデ