margin和padding有什么区别

如果您不熟悉CSS

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

<-mas->

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

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

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

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

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

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

如果要通过减少内容来创建空间,请将box-sizing属性的值设置  为 -box  (即 box-sizing:-box  )。

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

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

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

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

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

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

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