html - 浏览器在缩进的 HTML 中添加额外的空格

具有缩进的 HTML 代码:

<a href=""> <img src="img/wordpress-logo.svg"> </a>

正如您在下图中看到的，浏览器添加了一些额外的空格，从而创建了丑陋的连字符。

enter image description here

如果我删除空格并将 HTML 代码保留在一行中:

<a href=""><img src="img/wordpress-logo.svg"></a>

问题消失，如下图所示:

enter image description here

为什么会发生这种情况？由于我想保持所有 HTML 代码缩进，我该如何解决这个问题。

(附:如果您对这个问题有更好的标题，请告诉我，谢谢)

最佳答案

CSS:

a img {
    text-decoration: none;}

关于html - 浏览器在缩进的 HTML 中添加额外的空格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27786621/