Html 删除两个图像元素之间的空格字符

页面上有两个小图像：

<a href="link.htm"><img src="image1.jpg" /></a>

<a href="link2.htm"><img src="image2.jpg" /></a>

当它们出现在页面上时，它们不会像我预期的那样直接相邻出现，它们之间会出现一个空格字符

---

我有点理解为什么会出现这个空格（毕竟，在标记中它们之间有空格），但我不希望有空格。

正如您所指出的，在标记中它们之间有空格，所以在呈现的文档中它们之间有空格

要将对标记的更改减至最少，可以执行以下操作：

<a href="link.htm"><img src="image1.jpg" /></a><a
   href="link2.htm"><img src="image2.jpg" /></a>

或类似的

---

您可以做的另一件事是

float

a元素

left

，但这可能会对布局产生连锁反应。

正如您所指出的，标记中它们之间有空格，因此呈现文档中它们之间有空格

要将对标记的更改减至最少，可以执行以下操作：

<a href="link.htm"><img src="image1.jpg" /></a><a
   href="link2.htm"><img src="image2.jpg" /></a>

或类似的

---

您可以做的另一件事是

float

a元素

left

，但这可能会对布局产生连锁反应。

默认情况下，图像呈现为内联元素。这意味着它们不会忽略容器中的空白符号。如果要消除此间隙，可以使用

float:left

或

display:block

规则删除空白本身，或使图像成为块级元素。您还可以尝试使用表格单元格包装这些图像，如下所示：

<table cellspacing="0" cellpadding="0">
 <tr>
  <td><img ...></td>
  <td><img ...></td>
 </tr>
</table>

---

但现在是1999年

默认情况下，图像渲染为内联元素。这意味着它们不会忽略容器中的空白符号。如果要消除此间隙，可以使用

float:left

或

display:block

规则删除空白本身，或使图像成为块级元素。您还可以尝试使用表格单元格包装这些图像，如下所示：

<table cellspacing="0" cellpadding="0">
 <tr>
  <td><img ...></td>
  <td><img ...></td>
 </tr>
</table>

---

但现在是1999年

左浮动似乎工作得很好-可能是因为下面的帖子中描述的原因左浮动似乎工作得很好-可能是因为下面的帖子中描述的原因