DIV要素の余分な空白

私は単純なHTML文書を持っています。divとimg要素を含んでいます。 img要素の後に余分なスペースがあります。DIV要素の余分な空白

スニペットは以下のとおりです。

ChromeとFirefoxで試しました。

画像要素の後に余分なスペースを削除するにはどうすればよいですか？ div要素の高さを画像と同じにしたい。

ありがとうございました。

<div style="background-color:green"> 
 
    <img src="https://cdn.cvmer.com/rapor/bg/E5402F.png" /> 
 
</div>

2017-10-26 selami

はCSS のimg { 表示追加このCSSを追加する必要があります。ブロックを。 } –

imgブロック要素を作成します。

img { 
 
    display: block; 
 
}

<div style="background-color:green"> 
 
    <img src="https://cdn.cvmer.com/rapor/bg/E5402F.png" /> 
 
</div>

2017-10-26 07:14:05 Swellar

奇妙な動作です。すべてのHTMLを1行に書き込むと余分なスペースが残っています。ご回答有難うございます。 – selami

私が知っていることから、インライン要素はこの問題を抱えていますが、次の行の問題は主に要素間に余分なスペースを持つ問題にあると思います。私は2番目の文を削除します – Swellar

あなただけ

img { 
    display: block; 
} 
<div style="background-color:green"> 
    <img src="https://cdn.cvmer.com/rapor/bg/E5402F.png" /> 
</div>

2017-10-26 07:19:29

答えて