首页 > 解决方案 > 如何消除 html 文档中的空格?

问题描述

我正在使用 PSpad 对我的 html 文件进行编码,但这个问题似乎发生在任何编辑程序中。我的代码如下所示:

<div>
 <span><img src="icon.png"></span>
 <span>Enter</span>
 <span>x</span>
</div>

但是,当我在 Firefox 上打开页面并显示 devtools 时,它是这样的:

<div>
 <span><img src="icon.png"></span>
 WHITESPACE
 <span>Enter</span>
 <span>x</span>
</div>

那个白色空间是从哪里来的?它占用了 5px,这打破了我的尺寸平衡。如果我去掉换行符,它就会消失,但我不想有一条直线,因为它真的很难编辑。此外,下面的元素也有换行符,但没有添加空格,所以这里有什么问题?

谢谢你。

标签: firefoxremoving-whitespace

解决方案


推荐阅读