圖像下方有很多空白

Question

我的圖片下方有很多空白（下圖）。 而且我不知道為什么會這樣。

我的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%;
}

Answer 1

檢查您的圖片，以確保png本身沒有嵌入空格：)

Answer 2

最好的實現方法是在img標簽中使用內聯樣式屬性或引用CSS類。