html - 在 HTML 中的字符之间插入 'padding' 作为空格

Question

我的问题可能看起来很奇怪，但我正在尝试用 HTML 做这样的事情:

word1 word2 word3
  A     B     C

这本身很简单，但我不希望 A、B、C 之间有空格字符，这样如果用户通过键入 ABC 进行搜索，他就可以找到它们。换句话说，我不希望字符之间有空格，但我希望每个字符与下一个字符之间有 X 个字符的距离。

这可行吗？也许用一些 CSS 魔法？

提前致谢

Answer 1

您可以插入内边距……带内边距! (或内联元素的边距)

<span>A</span><span>B</span><span>C</span>

CSS:

span {
    margin: 0 4px;
}

实际填充(用于边框和内容):

span {
    display: inline-block;
    padding: 0 4px;
}

或者，如果您太懒惰，可以使用字母间距。

<span>ABC</span>

CSS:

span {
    letter-spacing: 8px;
}