如何从 HTML 中删除“不可见空间”[重复]

可能的重复：
内联块列表项之间的空格

我有一个JSFiddle 演示我的 html 代码。这是这里的代码：

<span style="display: inline">Hello Wo</span>
<span style="display: none;"></span>
<span style="display: inline">rld</span>​

我遇到的问题是在 Hello World! 中的“o”和“r”之间插入了一个额外的空格。这display样式设置为无，所以有人可以告诉我如何获得Hello World!没有空格的短语？

换行符导致了它 -http://jsfiddle.net/RhvjF/1/

找不到特定的帖子，但聪明人建议了 3 种修复方法：

1. 将所有内容放在一行（删除所有换行符）

2. 注释掉换行符，例如

   <span style="display: inline">Hello Wo</span><!--
   --><span style="display: none;"></span><!--
   --><span style="display: inline">rld</span>
   

3. 设置容器font-size to 0并重新设置为span-s

UPDATE

至少还有2种方法：

1. 打破标签，比如

   <span style="display: inline">Hello Wo</span
   ><span style="display: none;"></span
   ><span style="display: inline">rld</span>
   

2. 浮动元素，即span { float: left }