HTML，<a> or <span> arround <img/>, buggy rendering</span></a>

Question

我在众多实现中经历过，由<img>锚点或<a>标记包裹的图像<span>在顶部，底部或任意一侧任意显示一些扩展填充。

是浏览器特定的，与滥用标签有关，还是被认为是html中的缺陷？

Answer 1

图像（默认情况下）以内联方式呈现，因此被视为字符。它们的默认垂直对齐设置使得它们下方有空间用于下行（您可以在j，y和g等字母上找到它们，但不能找到a，b或c），并且根据当前行可能会有空格高度。

span或anchor的开始标记与img标记之间，或者img标记与span / anchor的结束标记之间的空白区域很重要（因此侧边的填充更可能是空格）