html CSS -列标题和正文中有多余的空格[重复]

aelbi1ox  于 2023-03-11  发布在  其他
关注(0)|答案(3)|浏览(129)

此问题在此处已有答案

What is the default margin value of tag? [duplicate](3个答案)
What are the default margins for the html heading tags (, , , etc.)?(4个答案)
3天前关闭。
我如何去除标题和正文之间的白色区域?我希望它们没有空白区域,或者至少将空白区域更改为与正文相同的灰色背景。

</div>
    <div class="columns">
      <p class="thumbnail_align">&nbsp; </p>
      <h4 class="secondaryWindowHeader1">TITLE</h4>
      <p class="secondaryWindowBody2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
    </div>
olmpazwi

olmpazwi1#

在大多数浏览器中,<p><h4>元素都带有一些内置的边距,你可以通过设置margin: 0手动删除它,如下所示:

p{
  background: blue;
  margin: 0;
}

h4{
  background: green;
  margin: 0;
}
</div>
    <div class="columns">
      <p class="thumbnail_align">&nbsp; </p>
      <h4 class="secondaryWindowHeader1">TITLE</h4>
      <p class="secondaryWindowBody2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
    </div>
8ftvxx2r

8ftvxx2r2#

</div>
    <div class="columns">
      <p class="thumbnail_align">&nbsp; </p>
      <h4 class="secondaryWindowHeader1" style="margin:0;">TITLE</h4>
      <p class="secondaryWindowBody2" style="margin:0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
    </div>
jvlzgdj9

jvlzgdj93#

把这个添加到你的css的顶部,这是一个很好的习惯来删除所有默认的填充和边距:

* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
   }

相关问题