如何从HTML中删除“不可见空间”

Question

这是这里的代码：

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

我遇到的问题是Hello World！中的’o’和’r’之间插入了额外的空格。该display样式设置为无，所以有人请告诉我怎样才能得到HelloWorld!，而没有空间句话？

Answer 1

找不到特定的帖子，但是聪明的人提出了3种解决方法：

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

2. 注释掉换行符，例如

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

   –> rld

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

更新

至少还有2种方法：

1. 破坏标签，例如

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

   </span
   rld
   

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