在写html的时候，经常有以下写法

1
2
3

<div style="font-size:0;">
  <p  style="padding-top:0px; text-align:center;" ><img src="xxxx/1_02.jpg" width="500px;" /></p></div>
<div>

但是这种情况下，在img底部会出现一个空行，很难看。

QQ20140819-1

要解决这个问题，其实也很简单，给img标签加一个属性就行了：

img{vertical-align: top;}

然后问题就解决了

QQ20140819-2

妈妈在也不用担心图片之间有空行了