1. 首页
  2. 问题
  3. 如何从HTML中删除“不可见空间”
小编典典

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

html

这是这里的代码：

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

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


阅读 335

收藏
2020-05-10

共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 }

2020-05-10