Question

我试图获得一种背景色（#fff），以严格遵守更多行标题的文本，而不是容器的整个宽度。我知道块级元素会占据页面的整个宽度，所以我想知道是否有办法解决此问题，除了仅将背景应用到文本上。

我有这样的标题，带有这样的img背景。

香蕉
坎蒂普顿·格兰特
奖
公告
2020

我尝试了一下，但是我失败了，这是我的新手。

Answer 1

尝试在页眉内插入<span>和文本。

<!DOCTYPE html>
<html lang="en">
<body style="background-color: blue;">
    <h1 style="background-color: #fff">Header with wide background</h1>
    <h1><span style="background-color: #fff">Header with text background</span></h1>
</body>
</html>

将背景颜色限制为更大尺寸标题的宽度

1 个答案: