2016-09-22 27 views
-1

我的图像下面有很多白色空间(下图)。我不知道为什么它是这样的。很多空白下方的图像

enter image description here

我的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:

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

它看起来像你有你的img元素的样式属性,以及具有对'.centerimage'类的CSS 。在style属性中有一个'height:100%'集合。 最好的做法是在CSS文件中控制图像的CSS,就像你在'.centerimage'类CSS中做的那样。 – dave

+0

@dave谢谢,我只是改变了它,但仍然是同样的问题。 –

+1

无法重现问题:https://jsfiddle.net/xtdmqaxe/ –

回答

2

检查影像以确保没有嵌入PNG本身:)空白

0

来实现,这将是你的img标签请使用内嵌样式属性或引用的最佳方法CSS类。