Question

这是我第一次学习HTML。我想知道如何删除文本“De Mare”与其下方图像之间的垂直空间/间隙，使文本直接位于图像上方，没有任何空间。

<h2 style="font-family:pristina;">De Maré</h2>
<img src="de mare/chandelier.jpg" width="35" height="35">

Answer 1

这应该有效：

<h2 style="font-family:pristina;margin:0;">De Maré</h2>
<img src="de mare/chandelier.jpg" width="35" height="35">

或者您可以使用CSS来完成工作：

span { 
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

<span style="font-family:pristina;">De Maré</span><br>
<img src="de mare/chandelier.jpg" width="35" height="35">

而且，虽然我保留了它与您的匹配，但请务必排除图片网址中的空格以显示图片（除非是出于某种原因）。

Answer 2

在您的代码中，您告诉您可以使用两个属性来处理文本和图像之间的空间。与宽度和深度一起使用

hspace =“水平空间的某些数值”

vspace =“垂直空间的某些数值”

<h2 style="font-family:pristina;">De Maré</h2>

<img src="de mare/chandelier.jpg" vspace="20" width="35" height="35">

删除文本和图像之间的垂直空间

2 个答案: