爲何img放在 li中，底部會多出幾個像素？

<li><img src="img/1.jpg" style="height: 60px"/></li>web 當使用以上佈局時，會發現li的高度會比img的高度大幾個像素。出現這種問題的緣由是：svg img默認是一個行內元素"display: inline"，也就是跟文本的默認行爲相似。文本的底端不是與父容器的底端對齊的，而是與基線對齊。咱們能夠用英文的四線格的最下面那條線來表示父容器的底端，

>>阅读原文<<