在css中何时使用填充以及何时使用边距[重复]答案

【问题标题】：In css when to use padding and when to use margin [duplicate]在css中何时使用填充以及何时使用边距[重复]
【发布时间】：2018-04-24 02:32:18
【问题描述】：

参考this，如果我想将div 与20px 对齐，我可以同时使用padding-left 或margin-left。首选哪一个？在什么情况下？

<div style="padding-left: 20px;">
    Move me by 20px left!
</div>

<div style="margin-left: 20px;">
    Move me by 20px left!
</div>

【问题讨论】：

标签： html css

【解决方案1】：

事实是 margin 用于从外部为事物添加空间，而 padding 用于在同一事物内部添加间距，但是对于您的问题，我我不确定您是否在谈论将 div 组作为示例向左对齐，如果我要这样做，我将使用 css 中可用的关键字 alight-left。

【讨论】：

【解决方案2】：

这张图片可以帮助你更好地理解。

【讨论】：

【解决方案3】：

要建立在@G-Cyr 所说的基础上，请从墙上的图片来考虑它。

你的图片就是你的问题；图片周围的框架可以被认为是填充，或图像周围的直接空间，但对于该元素是唯一的。边距可以被认为是所述墙上的两张图片之间的间距。

从哲学的角度来看，您可能希望在更改两个元素之间的间距时遵循边距。

【讨论】：