html - HTMLコードの改行によって追加されたスペースを削除します(CSSを使用?)

Question

次のようなhtmlがあります。

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

398html に改行があるため、スペースが後にレンダリングされます。ここでは説明しませんが、この改行は削除できません。そこにレンダリングされているスペースを停止する方法はありますか?

score 6 · Accepted Answer

いいえ。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;}

1emor1exは、CSS のスペース文字の幅です。それがうまくいくことを願っています！について誰もが知っていemます。だから何かex：

「ex」単位は、フォントの「x-height」によって定義されます。x-height と呼ばれるのは、小文字の "x" の高さに等しいことが多いためです。ただし、「x」を含まないフォントにも「ex」が定義されています。

score 3 · Accepted Answer

可能な場合の正しい解決策は次のとおりであることに全員が同意していると思います。

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

しかし、これを整理するためにいくつかの CSS シェナニガンを使用できます...

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

または

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

2 に答える 2