空白の下に画像があります

-1

私の画像の下に空白がたくさんあります（下の画像）。私はそれがなぜそれに似ているのか分からない。空白の下に画像があります

マイHTML：

<img src="images/testserver2.png" class="centerimage" style="display: block; margin-left: auto; margin-right: auto; height: 100%;" /> 

<div class="internet"> 
    <h3>INTERNET</h3> 
</div>

マイCSS：これはあなたのimgタグや参照のインラインスタイル属性のいずれかを使用することです実装する

.centerimage { 
    display: block 
    margin-left: auto; 
    margin-right: auto; 
    width: 100%; 
}

出典

2016-09-22 Thomas Hutton

。 style属性には 'height：100％'があります。ベストプラクティスは、あなたが '.centerimage'クラスのCSSでやっているように、あなたのイメージのCSSをCSSファイルで制御することです。 – dave

@daveありがとう、私はそれを変更しましたが、それでも同じ問題です。 –

は問題を再現できません：https://jsfiddle.net/xtdmqaxe/ –

PNG自体:)に埋め込まに空白がありませんことを確認するために、画像を確認してくださいあなたは `.centerimage`クラスのCSSを持つだけでなく、あなたのimg要素にスタイル属性を持っているように見えます

出典

2016-09-22 02:21:22 dave

ベストな方法CSSクラス。

出典

2016-09-22 01:21:45 Soul

空白の下に画像があります

答えて

関連する問題