HTML img拼接，使图像无边框，无边距

我想用html拼接一堆图像，但问题是它们有边距，我使用web inspector查找影响这一点的属性，但一个小时或更少的时间仍然无法找到它

我尝试过使用负边距左，负位置使用psuedo选择器，虽然它 工作很完美，但这不是正确的方式

因此，现在我需要最干净的方法来缝合图像，使图像没有任何边距。

添加以下内容：

body {
    font-size: 0;
}

这是因为源代码中有新行，浏览器将其呈现为空格

---

上述方法可以防止渲染空格，但也可以从源代码中删除换行符（因此标记都在一行上）。

将img标记写在一行中

    <img src="images/0_0.jpg" alt=""><img src="images/1_0.jpg" alt=""><img src="images/2_0.jpg" alt="">
    <br>

    <img src="images/0_1.jpg" alt=""><img src="images/1_1.jpg" alt=""><img src="images/2_1.jpg" alt="">
    <br>

    <img src="images/0_2.jpg" alt=""><img src="images/1_2.jpg" alt=""><img src="images/2_2.jpg" alt="">

---

将图像设置为

显示：块；浮动：左

和您的br

浮动：左；清除：右

如果您使用em作为尺寸单位，Abody97的解决方案可能会导致问题。将所有内容都写在一行中会使阅读变得更加困难。
您可以改为使图像浮动：左，并将

溢出：隐藏

设置为父元素。
但是，如果出于任何原因无法浮动元素，可以使用注释，如下所示：

<div>
    <img src="1.jpg" alt=""><!--
 --><img src="2.jpg" alt=""><!--
 --><img src="3.jpg" alt="">
</div>

使用css不是一种选择吗？是的，使用css，我想要一种非常干净的方法。是的，我必须用这种方法编码，以生成干净的html，因为它包含数千个需要缝合的小图像together@KentLiau令人惊叹的！很高兴它有帮助。这种方法会导致html代码很长，因为我将缝合43x33小图像以形成一个大图像，如果使用这种方式，我的html将非常广泛是的，我知道。Abody97的答案要好得多。我还没有想出这个主意。