段落内の2つのスパンを使用すると空白が追加されます

Question

私は奇妙な状況に陥りました。なぜこれが起こっているのか理解できません。以下のCSSクラスで

<p> 
    <span class="bold">N</span> 
    <span class="bold">ote</span> 
</p> 

：

.bold{ 
    font-weight:bold; 
} 

私は次のような出力が得られます。このコードを実行

： N OTE私は、次のような単純な状況があります。

私は、次のHTMLコードを使用するときため、これはかなり奇妙見つける：

<p> 
    <span class="bold">N</span><span class="bold">ote</span> 
</p> 

出力は次のようになります。注

は今、私はこの効果を引き起こしているものを好奇心？

Answer 1

それを行うための他の方法で回避は

.bold{ 
     font-weight:bold; 
} 
span.bold:after{ 
    content:"ote"; 
} 

CSSのトリックは、部分的に問題を解決したが、あなたのHTMLコードをフォーマットした場合、それは動作しないことがあります。

Answer 2

改行によって空白スペースが発生する/ tab/enter allは、インラインタグにスペースを作成します。おもう。

Answer 3

1）同じ行にすべてのスパンを作成し、それを数2

2を試して動作しない用量そのit.ifを解決すべきである）
スパン{マージン：0;パディング：0。 }