<span>A</span>
<span>V</span>
これらの文字の間にスペースができますが、これはどのように正確に計算されますか?反対に
<span>A</span><span>V</span>
<span>A</span>
<span>V</span>
これらの文字の間にスペースができますが、これはどのように正確に計算されますか?反対に
<span>A</span><span>V</span>
インライン要素間の空白は、単一のスペースに圧縮(またはスペース以外の場合は変換)されて表示されます。
W3C仕様には、より多くの情報があります。
このレイアウトでは、単語間にスペースを入れる必要があります(単語間スペースと呼ばれます)が、単語間スペースの規則はスクリプトごとに異なります。たとえば、ラテン文字では、単語間のスペースは通常、ASCIIスペース(
 
)としてレンダリングされます。
スパンでクラスを使用してみてください。これにより、2番目のスパンが新しい行に強制され、CSSが次のようになります。
.spanClass
{
display:block;
}
spanは単純なテキストのようなインライン要素であるため、同じスタイルルールに従います。新しい行に書き込むとき、レンダリングは空白を置きます。
A
B
AとBの間に空白がある「AB」になります。これはstrongまたはemでも発生します