锚在表格中为图像添加额外的填充

Question

我有一个表，一个td中的一个锚点，以及一个锚标记里面的图像。如果没有对锚标签应用display：inline-block，我发现图像会垂直延伸到锚标签上方（参见1st plunker）。但是，当我添加display：inline-block时，锚标签会获得额外的底部填充（请参阅第二个plunker）。锚标签的高度为18px，但图像的高度仅为14px。任何人都可以解释a）第一个掠夺者背后的逻辑和b）第二个掠夺者的空间来自何处？

第一个plunker（图像延伸到锚点之外） - ＆gt; https://plnkr.co/edit/0OM9COpEYX5k98HK5ZvX?p=preview

<table>

  <tbody>
    <tr>
      <td>
        <a>Random text</a>
        <a><img src="http://www.gstatic.com/webp/gallery/1.jpg"></a>
      </td>
    </tr>
  </tbody>
</table>

第二个plunker（额外填充） - ＆gt; https://plnkr.co/edit/lebssfByRS7zwWOC4wwJ?p=preview

a {
  display:inline-block;
}