是否可以增加文本字段中字符之间的水平空间？

Question

我有一个验证码字段，我喜欢增加字符之间的空白区域，这是当前的形状：（我知道字符之间的空格取决于字体，但我想知道还有另一种增加它的方法）

现在我想要这样的事情：

应该注意我可以使用jquery代码（插入每个字符后添加一个空格），但实际上我不想要<space>，我想要一个空的空格人物之间。我的意思是，如果有人选择该文本字段的值然后复制它然后经过somewhare，我希望他将其视为一系列具体数字，如下所示：65669

嗯，有什么解决方案吗？

Answer 1

您可以使用letter-spacing CSS属性来实现此目的。有关详细信息，请参阅MDN。

.wide {
  letter-spacing: 10px;
}

<span>Normal spacing</span>
<br />
<span class="wide">Wide spacing</span>