gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 03:54:50 26 4
gpt4 key购买 nike

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

word1 word2 word3
A B C

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

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

提前致谢

最佳答案

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

<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;
}

关于html - 在 HTML 中的字符之间插入 'padding' 作为空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22944167/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com