html - 文本背景颜色会根据文本的形状和长度进行裁剪

Question

是否可以使一行文本的背景颜色适合文本本身的边缘？

这是我正在尝试完成的视觉示例：

文字是a <h3>inside a <div>，目前我所能实现的只是一个方块背景。

score 1 · Accepted Answer

如果你想得到像覆盖整个文本的东西！你可以使用这个：

<div>
 <h3>Afzaal Ahmad Zeeshan</h3>
</div>

并这样做：

div {
 background-color: #hexcode;
}

其次，如果您只想将文本包装起来，那么您可以尝试删除padding:ormargin:即使您没有任何内容，仍然可以这样写：

h3 {
margin: 0;
padding: 0;
}

这样，所有的填充或边距都将被删除，并且仅在文本上提供背景！

第二个将非常适合您的问题：“使一行文本的背景颜色适合文本本身的边缘？”

score 0 · Accepted Answer

当然，将 h3 元素的 display 属性设置为 inline。您可能还需要调整 line-height 属性以匹配字体大小。

display:inline;
font-size:20px;
line-height:20px;

2 回答 2