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

【问题标题】：Getting background-color of display block to fill only behind text获取显示块的背景颜色以仅在文本后面填充
【发布时间】：2014-07-24 23:55:32
【问题描述】：

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

HTML：

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

CSS：

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

【问题讨论】：

请包含您的相关 HTML 和 CSS。您还拼错了属性；他们是background-color 和color。
我在澳大利亚，我们在这里拼写不同，自动拼写检查：)...不需要 html 和 css
你错了。 HTML 和 CSS 是需要根据网站的指南。您也可以以不同的方式拼写单词，但不能以不同的方式拼写属性。无论您在哪个国家/地区，CSS 的拼写都是一样的。
可能重复：stackoverflow.com/questions/14310154/…
a {display:inline-block;} 应该可以解决问题。假设这是整个 HTML。

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

简单的代码是这样的：

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

然后您可以将填充和其他样式添加到 span 标签。如果它是特定样式的特殊一次性东西，您可以将 ID 标签添加到跨度。

【讨论】：