保证金和填充：什么时候选择

Question

如果我有一个控件，请说一个按钮。到下一个UI元素的距离可以通过边距和填充来控制。我选择哪一个是否重要？应用程序或用户的有效差异是什么？

Answer 1

我在某处找到并保存的最佳答案是：

＆＃34;对我来说，填充和边距之间的最大区别是边距自动崩溃，填充不是。考虑彼此相邻的两个元素，每个元素的填充为1em。此填充被视为元素的一部分，并始终保留。因此，您将得到第一个元素的内容，然后是第一个元素的填充，接着是第二个元素的填充，接着是第二个元素的内容。因此，这两个元素的内容最终将相差2em。

现在用1em边距替换该填充。边距被认为是在元素之外，并且相邻项目的边距将重叠。因此，在此示例中，您将得到第一个元素的内容，后跟1em的组合边距，后跟第二个元素的内容。所以这两个元素的内容相差仅一个。

当你知道你想要在元素周围说出1em的间距时，这非常有用，无论它在哪个元素旁边。

另外两个很大的区别是填充包含在点击区域和背景颜色/图像中，但不包括边距。

默认情况下，我在任何地方都使用边距，除非我有边框或背景，并希望增加可见框内的空间。＆＃34;