Html 使文本背景颜色与文本完全匹配，删除'；填充'；

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

我需要它是这样的：

我不介意这是如何实现的，只要它仍然可以有一个透明的背景上面和下面

当前css是：

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

---

谢谢

添加一个小于1.0em的

行高

属性，例如：

line-height: 0.75em;

请注意，这对内联元素不起作用，因此请确保将

display

设置为

block

或

inline block

---

您可能还需要使用

padding top

和/或

padding bottom

微调垂直定位，具体取决于所使用的字体。

您需要具有低于字体大小的线条高度：

padding:0em 0.2em 0em 0.2em;
display:inline-block;
background-color:#000;
color:#FFF;
font-size: 21px;
line-height: 15px;

确保显示为块或内联块

斯莱尔先生比我快

这是

让你的CSS如下

padding:0.2em 0.2em 0.2em 0.2em;
display:inline-block;
background-color:#000;
color:#FFF;
font-size:25px;  
line-height:8px

这个怎么样

<div>Some text</div>

---

负填充怎么样？它可以工作吗？CSS不支持负填充，除非我错了。我不知道，我只是假设它可以，因为负边距工作正常。当然，我可能错了。这听起来可能很傻，但你考虑过使用图像吗？或者文本必须是动态的吗？可能是Mac上Chrome的副本。定位关闭了，对我有用！谢谢你，这是如此简单，还计算出，如果你使用高度和线高度，你可以微调位置further@BenM它适用于Mac Chrome 28。I通过将线高度降低到0.60em，底部没有黑线。显然，线条高度需要根据所使用的字体进行微调，甚至需要进一步调整填充顶部和填充底部。

div
{
    position: relative;
    display: inline-block;
    color:#fff;
}
div:before
{
    content: '';
    display: inline-block;
    margin: auto;
    background: #000;
    width: 100%;
    height: 68%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;       
}