使文本背景颜色完全适合文本,删除'填充'

Question

我需要能够在此文本周围创建一个黑色背景,而不是在顶部或底部填充.目前,填充是0,但我需要能够以某种方式剪辑它？我的意思是这是当前的文字:

我需要它像这样:

我不介意如何实现这一点,只要它仍然可以在上方和下方具有透明背景.

目前的css是:

padding:0em 0.2em 0em 0.2em;
display:inline-block;
background-color:#000;
color:#FFF;

谢谢!

Answer 1

添加line-height低于1.0em 的属性,例如:

line-height: 0.75em;

请注意,这不适用于内联元素,因此请确保将display其设置为block或inline-block.

您可能还需要使用padding-top和/或微调垂直定位padding-bottom,具体取决于使用的字体.