删除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;
}