Question

你在html 2 P块元素之间的垂直间距是什么？他们是利润吗？但是将P的边距设置为0并不能完全消除间距？负边距消除了空间，但这似乎没有意义。看来剩下的空间是填充物吗？

例如，

<p>Paragraph 1</p>
<p>Paragraph 2</p>

Answer 1

你是对的 - 元素之间的垂直（和水平）间距是边距。删除所有边距将删除元素之间的所有间距。请参阅下面的示例，了解边距如何影响间距：

#box1 {
  margin: 0px;
  display: block;
  border: 2px solid red;
}

#box2 {
  margin: 0px;
  display: block;
  border: 2px solid blue;  
}

#box3 {
  margin: 5px;
  display: block;
  border: 2px solid red;
}

#box4 {
  margin: 5px;
  display: block;
  border: 2px solid blue;  
}

<pre>margin: 0px;</pre>

<div id="box1">Box 1</div>

<div id="box2">Box 2</div>

<br><br>

<pre>margin: 5px;</pre>

<div id="box3">Box 3</div>

<div id="box4">Box 4</div>

Answer 2

两个div之间没有任何空格，2 p确实存在，这是默认边距，某些类型的元素具有p，{ {1}}等等。

如果为每个人添加一个边框，很明显它是如何渲染的，如果将边距设置为0，就像最后两个h3那样，空间就会消失。

文本和边框之间的额外内部空间属于字体，并根据字体大小进行更改，正如人们在p

中看到的那样不同

内部字体空间可以通过h3进行一定程度的控制，如前两个line-height所示

div

div, p, h3 {
  border: 1px solid gray;
}

p ~ p ~ p {
  margin: 0;
}

div ~ div ~ div {
  line-height: 40px;
}

你怎么称呼2个P块元素之间的垂直间距？

2 个答案: