删除 HTML 代码中换行符添加的空格(使用 CSS?

Question

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

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

398后呈现空格，因为 html 中存在换行符。 由于我不会深入的原因，无法删除此换行符。 有没有办法阻止在那里渲染空间？

Answer 1

No.使用 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高度"定义。之所以称为 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;
}