img布局的基线问题

<a><img src="sdfd" style="height: 60px;" /></a>

在上述这种布局的时候，有时候会发现a标签的高度大于img的高度（即大于60px）。这时可以将img设置为display: block;可解决。因为img是行内元素，默认display: inline; 它与文本的默认行为类似，下边缘是与基线对齐，而不是紧贴容器下边缘。将displayp设置为block即可消除上面说的几个像素的差别。我同事也给出了下面这样的解释，大家可以具体看看图片的解释。