Javascript 同一单词中的字符之间是否可能有不同的字母间距?这只能通过CSS实现吗?

Javascript 同一单词中的字符之间是否可能有不同的字母间距?这只能通过CSS实现吗?,javascript,html,css,kerning,letter-spacing,Javascript,Html,Css,Kerning,Letter Spacing,我做了一些研究,我知道字母间距CSS属性,但是在同一个单词中有可能有不同的字符间距不同吗 我不会跳过任何层,所以我不能通过每两个字母使用span标记来实现这一点 .ex{字母间距:-2.0px} .am{字母间距:-1.5px} .pl{字母间距:-1.0px} .e{字母间距:-0.5px} 示例是的,您可以 我使用jQuery函数将每个字母包装在span中。然后,通过使用span:n子项(x)可以为它们提供不同的负左边距 $(函数(){ var words=$('p').text().s

我做了一些研究,我知道字母间距CSS属性,但是在同一个单词中有可能有不同的字符间距不同吗

我不会跳过任何层,所以我不能通过每两个字母使用span标记来实现这一点

.ex{字母间距:-2.0px}
.am{字母间距:-1.5px}
.pl{字母间距:-1.0px}
.e{字母间距:-0.5px}
示例
是的,您可以

我使用jQuery函数将每个字母包装在
span
中。然后,通过使用
span:n子项(x)
可以为它们提供不同的负左边距

$(函数(){
var words=$('p').text().split(“”);
for(我用大写)
单词[i]=''+单词[i]+'';
var text=words.join(“”);
$(“p”).html(文本);
});
p{
字号:3em;
}
跨度{
边框:1px纯红;
左边距:-5px;
}
跨度:第n个孩子(4){
左边距:15px;
}

示例

是的,您可以

我使用jQuery函数将每个字母包装在
span
中。然后,通过使用
span:n子项(x)
可以为它们提供不同的负左边距

$(函数(){
var words=$('p').text().split(“”);
for(我用大写)
单词[i]=''+单词[i]+'';
var text=words.join(“”);
$(“p”).html(文本);
});
p{
字号:3em;
}
跨度{
边框:1px纯红;
左边距:-5px;
}
跨度:第n个孩子(4){
左边距:15px;
}


示例

可以通过在每个字母周围放置
标记,分配
显示:内联块属性并将唯一的
左边距:-Xpx
值应用于每个跨度?是的,它可以/会/应该。我会使用类似于letting.js的东西,因为在css中“还没有”是不可能的。或者,通过在每个字母周围放置
标记,分配
显示:内联块,这可能会有所帮助属性并将唯一的
左边距:-Xpx
值应用于每个跨度?是的,它可以/会/应该。我会使用类似于letting.js的东西,因为在css中“还没有”是不可能的。或者,这可能有助于伟大的答案!谢谢,@LinkinTED。我还可以创建自定义HTML标记,例如
,这样我就可以使用
。示例>字母:第n个孩子(3)
,或者这是一种不好的做法吗?将铁插针插入插座并将电线连接到插座上也可以。。。但这也是不可能的。@LinkinTED或任何其他有适当知识的人。。。是否可以轻松地跨多个元素/类运行此功能?有可能出现以下情况吗?我的语法接近吗<代码>变量单词=$('p','h1','.className').text().split(“”)。。。然后用如下内容重建:
$(“p”,“h1”,“.className”).html(文本)我想我可能真的是多余的,用稍微不同的变量名执行一些函数,但我希望尽可能保持事情的整洁。提前谢谢。回答得好!谢谢,@LinkinTED。我还可以创建自定义HTML标记,例如
,这样我就可以使用
。示例>字母:第n个孩子(3)
,或者这是一种不好的做法吗?将铁插针插入插座并将电线连接到插座上也可以。。。但这也是不可能的。@LinkinTED或任何其他有适当知识的人。。。是否可以轻松地跨多个元素/类运行此功能?有可能出现以下情况吗?我的语法接近吗<代码>变量单词=$('p','h1','.className').text().split(“”)。。。然后用如下内容重建:
$(“p”,“h1”,“.className”).html(文本)我想我可能真的是多余的,用稍微不同的变量名执行一些函数,但我希望尽可能保持事情的整洁。提前谢谢。