html - 为什么 anchor 标签在显示:inline-block时更高

Question

我这里有一个例子:https://jsfiddle.net/d7gujhLL/

你可以看到第二个红色比第一个高。

有没有办法让它们一样高？

<p style="background-color:blue">
<a style="background-color:red" href="">Inline</a>
</p>

<p style="background-color:blue">
<a style="background-color:red; display:inline-block" href="">Inline-block</a>
</p>

谢谢

Answer 1

您看到了行高的额外空间。

设置line-height: 1。