gap、padding、margin 差別 - daniel-qa/Vue GitHub Wiki
gap、padding、margin 差別
| 名稱 | 作用位置 | 控制範圍 | 常用對象 | 能不能影響鄰居元素？ |
|---|---|---|---|---|
| gap | 父容器 → 子元素之間 | 元素之間的距離 | Flex、Grid 容器 | ✅ 是「元素與元素間隔」 |
| padding | 元素內部 | 內容 ↔ 邊框 | 元素自己 | ❌ 只影響自己內部空間 |
| margin | 元素外部 | 元素 ↔ 外面世界 | 單個元素 | ✅ 控制元素與外部距離 |
| 名稱 | 作用位置 | 控制範圍 | 常用對象 | 能不能影響鄰居元素？ |
|---|---|---|---|---|
| gap | 父容器 → 子元素之間 | 元素之間的距離 | Flex、Grid 容器 | ✅ 是「元素與元素間隔」 |
| padding | 元素內部 | 內容 ↔ 邊框 | 元素自己 | ❌ 只影響自己內部空間 |
| margin | 元素外部 | 元素 ↔ 外面世界 | 單個元素 | ✅ 控制元素與外部距離 |