CSS 在所有内部 html 组件之间设置空间



我需要在所有html内部组件之间设置一个4px空格(在任何方向上左下右下)。我为此使用外部 css 文件。我试过这个:

body {
       padding: 2px;
       border: 0px;
       margin: 0px;
}

但这为所有身体设置了一个4px空间,而不是在其组件之间。

{
 display: inline-block;
 padding: 4px;
} 

也不起作用。

你能帮忙吗?我不允许更改 html 页面。

您可以使用

body * {
   margin: 2px;
}

这会将该边距设置为正文标签内的每个元素。

看起来你需要为 HTML 上使用的元素进行设置,如果你是 使用 Css 预处理器 ,然后可以在顶部声明值 稍后它将被所有元素使用,如下所示:-

 $standard-padding :2px;
 $standard-border:0px;
 $standard-margin:0px;
 body,p,h1,h2,div,span{ 
   padding: $standard-padding;
   border: $standard-border;
   margin: $standard-margin;
 }

也许您可以尝试像这样填充:

body *{
padding:4px;
}

最新更新