图像下面有很多白色空间

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类。