gap，margin和padding的区别

gap，margin和padding的区别

gap和padding都是css中的样式，在bootstrap中的p-5和g-4指的分别是对padding设置和gap的设置

gap

gap针对的是grid-gap，指的是column和row之间的间隔的大小，分别针对上下间距和左右间距。两种效果举例如下：


可以参考

https://developer.mozilla.org/en-US/docs/Web/CSS/gap

padding

padding指的是一个元素的内容到该元素边界的距离，特指上下左右边界的距离。两种效果距离如下：

可以参考网站：

https://developer.mozilla.org/en-US/docs/Web/CSS/padding

margin

margin指的是元素和元素之间的距离，特指下左右上的距离，从左至右的参数是margin-bottom，margin-left，margin-right，margin-top。常见的两种例子如下：

参考链接：

https://developer.mozilla.org/en-US/docs/Web/CSS/margin