解决图片底部间隙问题

如图所示 当容器不设置宽高时, 加入 img 标签后会自动撑开 那么问题来了, 为什么图片底部为什么会有一点间隙而不是100%填充容器呢? 其实间隙产生的三大元凶是 "幽灵空白节点"、line-height 和 vertical-align 属性 幽灵空白节点 即: 一个宽度为0, 表现如同普通字符的看不见的 "节点" 我们插入一个内容为 "x", 背景为红色的 "span" 标签 (图片左下角)

>>阅读原文<<