使用填充或边距在css中定位文本？

Question

如果我只想在两个元素之间创建间距，我应该使用'padding'还是'margin'？ 如果我偏爱一种方式，这两种方式都可以吗？

Answer 1

填充=内容和边框之间的距离 边距=边框与父元素边框边缘之间的距离（如果父元素没有填充）

检查CSS box-sizing属性：Box-sizing CSS

边框包含填充，但不包含边距。

我说使用margin来放置元素，如果你想把边框放在更远的边界，可以使用填充。

您还应该检查此链接，因为它可以帮助您更好地了解html页面的布局： Box-Model

Answer 2

如果您只是询问响应性，那么我会说，“它不会产生差异”。

响应性与样式类型无关，但它取决于“ PIXEL ”和“ PERCENTAGE ”，如果您的保证金或填充百分比并且您有媒体查询在移动设备和标签屏幕中重新定义它然后祝贺您的屏幕响应。

填充和边距之间的主要区别在于，保持邻近的边距在填充时不会折叠。对于前者保持2个div的每个边距为10 px，你会看到它们之间的总空间只有10px，这是因为碰撞时的边距会崩溃，就像你用垫子做的那样，会有在div之间是一个20px的空间。

Answer 3

这取决于你想要的效果。结果不一样。

保留HTML元素外部

为HTML元素内部填充

要更好地查看效果，请在元素中添加可见的背景颜色。

但你可以参考这张图片：

回到你的问题，对于响应式设计，它并不重要。这完全与媒体查询和屏幕断点有关

您阅读本文档：https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries