假设你在视图中有一个按钮视图的大小是200 * 200，按钮的大小是50 * 50，按钮标题是HT。现在，边距和填充的区别是，你可以在视图中设置按钮的边距，例如从左边20，从上面20，填充将调整文本在按钮或文本视图中的位置等。例如，填充值从左边20，所以它将调整文本的位置。

边距是指元素之外的额外空间。填充指的是元素内的额外空间。边距是控件周围的额外空间。填充是控件内部的额外空间。

使用白色填充时，很难看到空白和填充的区别，但使用彩色填充时，可以很好地看到它。

填充是边框内的空间，在边框和实际视图内容之间。注意，填充完全围绕着内容:顶部、底部、右侧和左侧都有填充(可以是独立的)。

边距是边界之外的空间，在边界和视图旁边的其他元素之间。在图像中，边缘是整个物体外部的灰色区域。请注意，与填充一样，页边距完全围绕内容:在顶部、底部、右侧和左侧都有页边距。

一张图片说了超过1000个单词(从Margin Vs Padding - CSS属性中提取):

填充是指小部件和小部件原始框架之间的空间。但边际是小部件的原始框架之间的空间边界其他小部件的框架。

简单地说:

填充-在视图的边界内创建空间。 边框-创建视图边框之外的空间。

填充是边框与实际图像或单元格内容之间的边框内的空间。 边距是边界之外的空间，在边界和对象旁边的其他元素之间。