为什么图像会产生差距？

Question

我想问一下，为什么图像周围存在差距。在规范中是否有关于此行为的内容？

简单的代码，您可以看到图像之间的差距：

<style>img {width: 100px; height: 100px; background: red;}</style>    

<img><br>
<img><br>
<img>

http://jsfiddle.net/sfptspj0/

我知道如何消除这种差距还有更多的可能性：

1. display：block;
2. 浮
3. 垂直对齐

但我想知道为什么会有差距，而不是如何删除。

任何想法？
感谢。

Answer 1

  

如果图像以内嵌方式显示，则会在其下方留下一些空间。   这是因为图像放在文本的基线上，并且   在基线以下，应该有更多的空间用于下降器   像g，j或q这样的字符。

来源：http://www.schoonzie.com/rogue-padding-below-images