Question

当我使用<br/>时，两行之间有一些空格。我希望两条线之间没有垂直空间。上面的行是图像，下面的行是文本。我想消除两条线之间的空间。

<img src="../common/logo.jpg" /><br/>
<span class="style2">A Comprehensive Online Workplace</span>

我希望两行之间没有空格。

我想在徽标上添加一个标语，并创建一个新的紧凑徽标。

Answer 1

查看line-height css属性。 line-height: 1em可能就是你所需要的。

Answer 2

默认情况下，图像是位于基线上的内联元素。这有效地使图像像a，b，c，d或e之类的字母。下方有下方空间（您可以在g，y和q等字母上找到）。

你可以调整一下：

img { vertical-align: bottom; }

Answer 3

两条线之间可能实际上没有空间，只是文本没有填满整个垂直空间。

这取决于字体，你无能为力。您可以做的最好的事情是将内容的line-height CSS属性设置为1，或者可能设置较小的内容。这取决于您使用的字体，以及每个浏览器/操作系统如何呈现它。

Answer 4

使span成为块元素，使其位于图像下方。像，

.style2 {
   display: block;
}

但是如果你想让文字环绕图像，那么你可以向左或向右浮动图像。像，

img {
    float: left;
}

您还可以尝试删除边框，边距和填充。