在css何时使用填充以及何时使用margin

Question

参考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>

Answer 1

为了建立@ G-Cyr所说的话，用墙上的图片来思考它。

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

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

Answer 2

此图片可以帮助您更好地理解。

Answer 3

事实是，边距用于从外部向事物添加空间，而填充用于在同一事物内部添加间距，但对于您的问题我我不确定你是否正在谈论将 div 组作为左边的例子，如果我这样做，我将使用css中提供的关键字alight-left。 / p>