Javascript img和a部门之间的差距

我有一个div，它包含一个img元素，在它的正下方是一个div元素，在它的正下方是另一个img元素

我的问题是：这些元素之间不应该有垂直间隙。但实际情况是，在中间div和imgson顶部和底部之间有10/20px的垂直间隙

如何消除内部div和2个img元件之间的垂直间隙

---

由于涉及图像，我很难重新制作该问题。尽管如此，请尝试以下操作：

<img class="pageBoxTop" src="images/pageBoxTop.png" alt=""/><div class="pageBoxContent">

删除IMG和DIV标记之间的换行符和/或空格，如下所示：

<img class="pageBoxTop" src="images/pageBoxTop.png" alt=""/><div class="pageBoxContent">

div是块级元素。这意味着一个div将始终处于其自己的新行中。如果要将div元素放在另一个元素的行中，请使div内联

---

这些空格是由p标签的边距将IMG标签推开造成的。由于CSS的工作方式，DIV的背景不会覆盖段落的边距，除非在其上设置边框。如果你添加代码

div { border: 1px solid red; }

---

对于CSS，您可以看到DIV实际上与IMG完全接触。

这是因为浏览器在您的标记上设置了默认边距。您可以看到，如果在css中添加类似于p{margin:0px；}的内容，图像会接触div，但文本也会被压缩在一起

设置div内段落的边距。由于p有默认边距，您必须首先清除该边距或将其设置为所需值

.pageBoxContent p{ font-family:Calibri,"Myriad Pro", Serif; margin:0;//adjust it}

---

如果你想在p中留出一些间隙，你可以只设置第一个和最后一个，就像p:first&p:last

不，它不会将我所有的HTML放在一行上，不会改变任何东西。我现在知道是什么导致了它：

.pageBoxContent p{ font-family:Calibri,"Myriad Pro", Serif; margin:0;//adjust it}