去除div中img下方的空白

  今天在写页面的时候，发现div中的img下方有一段空白，感觉很不解，查阅了一番，算是知道了怎么解决！

  产生原因：img图片默认的vertical-align是baseline，所以它和文本一样，是有行高的，而且图片默认的对齐方式是和文本下方基线对齐，所以就产生了空白！（个人理解，仅供参考！嘻嘻嘻！）
  方法一：将div的line-height设置为0;

<div style="line-height:0;">
   <img src="图片路径">
<div>

  方法二：将div的font-size设置为0;

<div style="font-size:0;">
   <img src="图片路径">
<div>

  方法三：将img设置为display:block;

<div>
   <img style="display:block;" src="图片路径">
<div>

  方法四：将img的vertical-align设置为:bottom或middle或top;

<div>
   <img style="vertical-align:middle（或bottom或top）;" src="图片路径">
<div>