html - 获取显示 block 的背景颜色以仅填充在文本后面

Question

我遇到了一个链接被设置为 display:block 的情况。我试图用一种颜色填充 background-color 属性，但只在文本后面；相反，它填充了该行的整个背景，这是合乎逻辑的，但不是我想要的。我怎样才能只填充文本的背景而不是内联元素？或者这是不可能的？

HTML:

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

CSS:

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

Answer 1

如果您需要将链接保留为一个 block ，您可以将文本包装在 <span> 中并为其应用背景色。