如何强制firefox忽略<a> tags</a>内的空格

Question

代码：

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

在所有情况下都能正常工作，但

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

在Firefox中不起作用，即使在最新的FF中也是如此。似乎它是IE和IE中的默认行为。 chrome忽略（collpase）额外的空格和换行符。但在FF中并非如此。

有没有办法强迫firefox忽略空格？提前致谢。

Answer 1

你做不到。您必须更改标记或CSS样式，以便在所有浏览器中正确对齐图像和范围。

如果每个链接的图像相同，另一种技术是更改<a>标记的CSS样式，以便图像设置为左对齐，不重复的背景图像和左边的填充推送右边的文字，以便图像可见。