为何img放在 li中，底部会多出几个像素？

<li><img src="img/1.jpg" style="height: 60px"/></li>web 当使用以上布局时，会发现li的高度会比img的高度大几个像素。出现这种问题的缘由是：svg img默认是一个行内元素"display: inline"，也就是跟文本的默认行为相似。文本的底端不是与父容器的底端对齐的，而是与基线对齐。咱们能够用英文的四线格的最下面那条线来表示父容器的底端，

>>阅读原文<<