gpt4 book ai didi

html - Firefox 中图像后的空格字符

转载 作者:搜寻专家 更新时间:2023-10-31 22:33:10 26 4
gpt4 key购买 nike

我在 Firefox 12 中偶然发现了一些奇怪的行为。考虑以下 HTML:

<!DOCTYPE html>
<img src="resources/csv.png">
<img src="resources/globe.png">
<img src="resources/clock.png">
<img src="resources/key.png">
<img src="resources/delete.png">

渲染时,我注意到第一张图片和第二张图片之间有一个小空间。如果我在所有图像周围进行“文本选择”,我会看到它们之间有一个偷偷摸摸的小空白字符:

wtfspace

我想不出这样做的原因,但我的目的是让我所有的按钮都变成链接,所以我也试了一下看它是否有任何效果。这是新代码:

<!DOCTYPE html>
<a><img src="resources/csv.png"></a>
<a><img src="resources/globe.png"></a>
<a><img src="resources/clock.png"></a>
<a><img src="resources/key.png"></a>
<a><img src="resources/delete.png"></a>

这里是渲染输出,已被选中。注意现在每张图片后面都有一个空格:

enter image description here

有人能为这个怪癖想出一个合乎逻辑的解释吗?这是我的 HTML 中的问题,还是 Firefox 中的错误?任何人都可以想到一个解决方法,也许是 CSS?我的第一直觉是玩边距,但我需要与 IE7 兼容,如果我没记错的话,我认为这不适用于负边距。非常感谢。

编辑:糟糕。我忘记了回车在 HTML 中变成了空格字符。仍然,非常感谢回答者。 :)

最佳答案

将它们全部放在一行上即可解决问题。

<img src="resources/csv.png"/><img src="resources/globe.png"/><img src="resources/clock.png"/><img src="resources/key.png"/><img src="resources/delete.png"/>

但这可能很麻烦。如果你想保留一些可读性,你可以做类似的事情......

   <img src="resources/csv.png"/><!--
--><img src="resources/globe.png"/><!--
--><img src="resources/clock.png"/><!--
--><img src="resources/key.png"/><!--
--><img src="resources/delete.png"/>

关于html - Firefox 中图像后的空格字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10725212/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com