删除图像下的间距

Question

HTML：

<div>
   <img src="http://static.jsbin.com/images/jsbin_16.png" />
</div>

CSS：

div { border:5px solid #000; }
img { border:1px solid red; }

问题插图：

我的问题是图片下方的空间，我将黑色边框添加到div容器，将红色边框添加到img它更具说明性。

演示：

JsBin

Answer 1

这是由img布局引起的，只需将其更改为display: block：

JSBin

或将vertical-align属性更改为top：

JSBin

或者将font-size: 0设置为div容器：

JSBin

或者将line-height: 0设置为div容器：

JSBin