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

Nic*_*unt 6 html css

我有一些看起来像这样的HTML:

<span>
  398
  <span>comments posted in</span>
</span>
Run Code Online (Sandbox Code Playgroud)

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

Pra*_*man 6

不可以。使用 CSS 是不可能的。虽然您可以使用float,但它在这里不起作用。

但我有一个糟糕的想法,给这个 CSS (Ideal Case):

span span {margin-left: -1em;}
span span {margin-left: -1ex;}
Run Code Online (Sandbox Code Playgroud)

但实际情况是这样的:

span span {margin-left: -0.4em;}
span span {margin-left: -0.7ex;}
Run Code Online (Sandbox Code Playgroud)

1em或者1ex是 CSS 中空格字符的宽度。希望它有效!每个人都知道em。所以关于ex

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

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

  • 我怕你会这么说。谢谢都一样。 (2认同)