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

Question

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

我知道的解决方法：

使用左边距和右边距调整：

可以，但是突出显示的文本已损坏（仍然不能突出显示第一个字符之前的空格）

使用左右放置文本： 相同的问题

Answer 1

您应该使用而不是左边距和右边距

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

Answer 2

想法是在开始时添加一个隐藏的字符以创建所需的空间。

我将使用zero width space字符

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

<span>Some text here</span>

如果要选择它，则需要在代码中添加它：

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

<span>​ Some text here</span>