获取显示块的背景颜色仅填充文本后面

Question

我遇到的情况是我有一个设置为display:block的链接。我尝试用颜色填充背景颜色属性，但仅在文本后面;相反，它填充了该行的整个背景，这是合乎逻辑的，但不是我想要的。如何在不作为内联元素的情况下仅填充文本的背景？或者这不可能吗？

HTML：

<a href ="#">mylink</a>

CSS：

a {
    display:block;
    background-color:blue;
}

Answer 1

如果您需要将链接保留为块，可以将文本包装在<span>中并将背景颜色应用于此。

Answer 2

简单的代码就是这样的：

<a href="#" style="display: block">
 Hello<span style="background: blue; color: white">blue</span>link
</a>

然后，您可以在span标记中添加填充和其他样式。 如果对于特定样式，它可以为跨度添加ID标记。