如何使字母间距css规则在字符周围添加空格？答案

【问题标题】：How to make letter spacing css rule add space around character?如何使字母间距css规则在字符周围添加空格？
【发布时间】：2019-09-25 21:18:30
【问题描述】：

在 css letter-spacing 规则中，规则在字符后添加空格。现在我想腾出空间来围绕角色。重要的是，当我突出显示整个文本时，应该突出显示第一个字符之前的空格。

我知道的解决方法：

使用margin-left和margin-right进行调整：

它可以工作，但突出显示文本被破坏（仍然没有突出显示第一个字符之前的空格）

使用左右来定位文本：同样的问题

【问题讨论】：

【解决方案1】：

想法是在开头添加一个隐藏字符以创建您想要的空间。

我将使用zero width space 字符

span {
  background:pink;
  font-size:25px;
  letter-spacing:20px;
}
span:before {
  content:"\80";
}

&lt;span&gt;Some text here&lt;/span&gt;

如果您希望能够选择它，您需要在代码中添加它：

span {
  background:pink;
  font-size:25px;
  letter-spacing:20px;
}

&lt;span&gt; Some text here&lt;/span&gt;

【讨论】：

【解决方案2】：

你应该使用而不是 margin-left 和 margin-right

.TEXTCLASS {
 padding-left: SOMEVALUE ..... 2px;
 padding-right: SOMEVALUE ..... 2px;
{

【讨论】：