多种方法清除图片img底部空白间隙

在开发中，常常看见图片下方有一条间隙，不大不小就在那里，下面就说说有哪些方法可以清除掉这个间隙：

<div class="container">
	<img src="123.jpg" />
</div>

html,body{
	margin: 0;
	padding: 0;
}

方法一：给父元素（container）设置font-size: 0;

.container{
	font-size: 0;
}

方法二：给img设置display: block;

img{
	display: block;
}

方法三：给img设置vertical-align: bottom;

img{
	vertical-align: bottom;
}

方法四：给img设置line-height: 5px;

.container{
	line-height: 5px;
}