CSS-段落之间的额外垂直间距(简单)

时间:2018-09-21 21:55:52

标签: html css stylesheet

我意识到这是非常基础的,但是我在Firefox中设置了一个非常简单的HTML页面...

html {
  margin: 0; padding: 0;
  font-size: 62.5%;
}

p {
  text-align: justify;
  font-family: verdana, sans-serif;
  font-size: 1.6rem;
  width: 90%;
  margin: 0 auto; 
  padding: 1rem 0 1rem 0;
}

足够容易。

但是,说我有三段。

在第一段上方,大约有13px的空间。在最后一段下面还有13px的空间。

在第1和第2款下,该空格没有折叠。大约有26px的空间-难以记住如何强制填充/边距折叠...

感谢您的任何反馈。

1 个答案:

答案 0 :(得分:0)

当两个垂直边距彼此接触时,边距会崩溃,较大的边距会覆盖另一个。这是修改后的代码:

html {
  margin: 0; padding: 0;
  font-size: 62.5%;
}

p {
  text-align: justify;
  font-family: verdana, sans-serif;
  font-size: 1.6rem;
  width: 90%;
  margin: 1rem auto;
}