我有一段div时间将图像设置为margins和paddings为0.我仍然在图像内部的图像下方留下一点间隙div.为什么div大于图像？
看到这个jsfiddle:http://jsfiddle.net/n6bz4tye/
在FF32和Chrome 37中效果相同.
我知道,我可以使用负边距/填充来解决这个问题,但我想知道,发生了什么以及它为什么会这样.
为了弄清楚这一点:拿ABC字母D.所有笔直,没有任何东西超过底部,没有任何东西超过顶部.现在,如果你接受字母gyj等,你的底部有一些间距.
按标准,所有图像都呈现为"垂直对齐:基线".这就是为什么底部有这个小房间的原因.图像位于正常字母的位置.符合ABC D.
把你的小提琴和div里面的"图像"添加到最后一个img"A和g"之后.您将看到g将填充底部的所有空间.