margin和padding有什么区别

如果您不熟悉CSS

您可能听说过“margin”和“padding”一词，但不确定它们的含义或如何在网站设计中使用它们。

<-mas->

这些概念与CSS中的同一件事有关，但是，它们在用法上存在一些重要的根本区别。了解它们之后，您便可以做出更好的设计决策。

<-行动电话代码-><-结束行动电话代码->

CSS中的空白和边距有什么区别？

基本上，空白是元素周围的空间，填充是指元素与其包含的内容之间的空间。

边距在两个相邻元素的外部。项目的每一面都有边距大小，您可以单独更改。在创建空间时，边距会推动相邻的元素。

另一方面，填充位于元素边界内。创建空间时，填充会增加元素的大小或减少其中的内容。默认情况下，元素的大小会增加。

如果要通过减少内容来创建空间，请将box-sizing属性的值设置 为 -box （即 box-sizing：-box ）。

什么时候应该使用边距或填充？

调整布局的布局时，应考虑是否调整边距或填充以获得所需的视觉效果。

该 CSS边距 确定周围空间的元素，所以利润率将被用来在页面上，以及向左移动的项目向上或向下。或正确的。如果页面宽度是固定的，则将元素水平居中非常简单：只需设置 margin：auto即可 。

我还将使用边距来定义附近元素之间的距离。例如，使用边距在图像之间或图像与下面的文字说明之间添加空间。

另一方面，负的边距值将使您可以重叠项目。您还可以使用负边距在容器中创建标头元素，其填充值设置为使其他元素保持对齐。

的 CSS填充 确定外观和位置帝森在容器中的物品。如果要在元素和容器的边框或边框之间创建一个空格，则可以更改填充。这还将显示内部物品周围的容器底部。

填充也用于更改元素的大小。当您增加填充值时，文本将保持相同大小，但周围会有更多空间。该项目还将在容器内部填充更多的空间。