html - 删除 HTML 代码中由换行符添加的空格（使用 CSS？）

Question

我有一些看起来像这样的html：

<span>
  398
  <span>comments posted in</span>
</span>

398因为 html 中有换行符，所以在后面渲染了一个空格。由于我不会进入的原因，无法删除此换行符。有没有办法阻止在那里渲染空间？

Answer 1

不，使用 CSS 是不可能的。虽然你可以使用float，但在这里行不通。

但我有一个蹩脚的想法，给这个CSS（理想案例）：

span span {margin-left: -1em;}
span span {margin-left: -1ex;}

但实际情况是这样的：

span span {margin-left: -0.4em;}
span span {margin-left: -0.7ex;}

1em或者1ex是 CSS 中空格字符的宽度。希望它有效！大家都知道em。所以关于ex：

“ex”单位由字体的“x-height”定义。之所以称为 x 高度，是因为它通常等于小写字母“x”的高度。但是，即使对于不包含“x”的字体，也会定义“ex”。

演示：http: //jsfiddle.net/UmdfA/

Answer 2

我想我们都同意，在可能的情况下，正确的解决方案是：

<span>
  398<span>comments posted in</span>
</span>

但是你可以使用一些 CSS 恶作剧来解决这个问题......

span span {
    margin-left: -1ex;
}

或者

span span {
    position: relative;
    left: -1ex;
}