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

Question

在css letter-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>