html - 使链接文本与链接背景高度相同

Question

看起来很简单但我似乎做不到，我想让我的链接文本与链接背景的高度相同。

<a href='link.htm' style='background-color: red; display: block; height: 30px; font-size: 30px;'>Link text</a>

问题是文本周围总是有空白

Answer 1

我认为这是因为您正在使用 text-decoration: underline。 如果您删除 height: 30px，该 block 将重新调整为字体大小。

示例如下:Width static height , Removed height property .

或者你可以设置 text-decoration: none 然后它会适合 block 。

是你想要的吗？如果不是，请提供一些屏幕截图和解释。