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

Question

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

我知道的解决方法：

使用 margin-left 和 margin-right 来调整：

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

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

Answer 1

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

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

Answer 2

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

我将使用零宽度空格字符

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>