删除两个图像元素之间的空格字符
页面上有 2 个小图像：
<a href="link.htm"><img src="image1.jpg" /></a>
<a href="link2.htm"><img src="image2.jpg" /></a>
当它们出现在页面上时，它们并不像我期望的那样直接相邻出现，而是在它们之间出现空格字符。
我有点理解为什么会出现这个空格（毕竟，标记中它们之间有空格），但我不希望空格存在。
There are 2 small images on a page:
<a href="link.htm"><img src="image1.jpg" /></a>
<a href="link2.htm"><img src="image2.jpg" /></a>
When they appear on the page, they do not appear directly next to each other like I would expect, they appear with a space character between them.
I sort of understand why this space is appearing (there is, afterall, space between them in the mark-up), but I don't want space to be there.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
正如您所指出的，标记中它们之间有空格，因此渲染文档中它们之间也有空格。
为了将对标记的更改保持在最低限度，您可以执行以下操作：
或类似的操作。
您可以做的另一件事是
浮动a元素left，但这可能会对您的布局产生连锁反应。As you point out, there's whitespace between them in the markup, so there's whitespace between them in the rendered document.
To keep the changes to your markup to a minimum, you could do this:
or similar.
The other thing you could do is
floattheaelementsleft, but that's likely to have knock-on effects on your layout.图像默认呈现为内联元素。这意味着它们不会忽略容器中的空白符号。如果要删除此间隙，您可以删除空白本身，或者使用
float:left或display:block规则将图像设为块级元素。您还可以尝试用表格单元格包裹这些图像，如下所示：但这已经是 1999 年了。
Images by default render as inline elements. This means that they do not ignore whitespace symbols in their container. If you want to remove this gap, you can either remove the whitespace itself, or make your images block-level elements, by using
float:leftordisplay:blockrules. You can also try wrapping these images with table cells, like this:but this is soooo 1999.