仅在文本上设置背景颜色，而不是 td 中的空白区域

【问题标题】：Set background-color on only the text not the empty space in a td仅在文本上设置背景颜色，而不是 td 中的空白区域
【发布时间】：2012-02-01 14:18:35
【问题描述】：

我试图让背景颜色单独环绕文本，而不是空格。

我现在有：

<TD> Text <BR><BR>
Longer text that stretches out above text-background color...
</TD>

和css：

td {background-color: black; color: white}

我希望空间的其余部分是透明的，但我找不到任何变量...

【问题讨论】：

【解决方案1】：

在文本周围加上<span>，并为其赋予背景颜色。

【讨论】：

【解决方案2】：

试试display:inline;：

td {background-color: black; color: white; display:inline;}

【讨论】：

【解决方案3】：

尝试下面给出的跨度将完成您的工作.....

<TD> <span> Text <BR><BR> Longer text that stretches out above text-background color... 
 </span></TD> 

span {background-color: black; color: white}

【讨论】：

嗯.. span 方法效果很好，但是，当我将它应用于不适合一行的句子时，它会转到第二行，而不使用
或任何东西，它都不会缩进新行的第一个单词，就像我为句子的第一个单词设置的填充/边距一样。但是越来越接近了......