很多空白下方的圖像

-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：

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

來源

2016-09-22 Thomas Hutton

它看起來像你有你的img元素的樣式屬性，以及具有對'.centerimage'類的CSS 。在style屬性中有一個'height：100％'集合。最好的做法是在CSS文件中控制圖像的CSS，就像你在'.centerimage'類CSS中做的那樣。 – dave

@dave謝謝，我只是改變了它，但仍然是同樣的問題。 –

無法重現問題：https：//jsfiddle.net/xtdmqaxe/ –

檢查影像以確保沒有嵌入PNG本身:)空白

來源

2016-09-22 02:21:22 dave

來實現，這將是你的img標籤請使用內嵌樣式屬性或引用的最佳方法CSS類。

來源

2016-09-22 01:21:45 Soul

很多空白下方的圖像

回答

相關問題