删除<a> tag</a>内文字上方和下方的空格

Question

下面是一个浅蓝色背景的<a>标签的打印屏幕。

如您所见，<a>标记内的文字上方和下方都有空格。

是否可以删除文本周围的空格？

亲切的问候

Answer 1

您需要将行高设置得更小。

Answer 2

也许你可以......

选项1：

a {
    padding: 0; /* This will probably work A.F.A.I.K. */
    display: inline-block;
    /* If it doesn't, adding inline-block display will it inline **and** have
    a CSS box... but I'm not sure if this is recommended, honestly. */
}

选项2：

a {
    line-height: 0;
    /* Mess with the line-height value to change the
    "Line Height" in an inline element */
}

Answer 3

基本上<a>标记没有这样的填充。如果此标记位于任何<li>标记内或其他任何内容，请告诉我。