Question

是否可以修复超链接图像之间出现的间隙，而无需将代码全部写入一行？

我希望能够像这样写：

<a href="..." ><img src="..."/></a>

但我能摆脱差距的唯一方法就是这样写：

<a href="..." ><img src="..."/></a><a href="..." ><img src="..."/></a><a href="..." ><img src="..."/></a>

使用更长时间的实际图像链接真的很难理解。

Answer 1

由于锚点和图像默认是内联的，因此它们会受到代码中这些元素之间的空白区域（换行符）的影响。

如果CSS在这里真的不适合您，您可以将空白包装在HTML注释中，如下所示：

<a href="..." ><img src="..."/></a><!--

--><a href="..." ><img src="..."/></a><!--

--><a href="..." ><img src="..."/></a><!--

--><a href="..." ><img src="..."/></a>

它会影响可读性，但会阻止浏览器呈现空白，从而消除图像之间的差距。

如果CSS是一个选项：

img {
  display: block;
  float: left;
}

解决链接之间的间隙问题，而无需将代码放在一行中

1 个答案: