在CSS中是否可以将单个字符与字母间距水平对齐?

在CSS中是否可以将单个字符与字母间距水平对齐?,css,Css,给定字母间距的CSS规则:16px,我注意到字符在其“框”内左对齐,并使光标向前跳到最右边,好像我在字符后添加了额外的空格 是否可以使用字母间距,但让字符在新的扩展边界内水平对齐?这是不可能的。原因是,这将充当填充/边距,但不像位置。但是,如果你想要这样的东西,你可以使用inlineflex和order来重新排序 p{display:inline flex;} p span{padding:3px;} p span.second{顺序:1;} 第一 第二 第三 这是不可能的。原因是,这将充当

给定
字母间距的CSS规则:16px,我注意到字符在其“框”内左对齐,并使光标向前跳到最右边,好像我在字符后添加了额外的空格


是否可以使用
字母间距
,但让字符在新的扩展边界内水平对齐?

这是不可能的。原因是,这将充当
填充
/
边距
,但不像
位置
。但是,如果你想要这样的东西,你可以使用
inlineflex
order
来重新排序

p{display:inline flex;}
p span{padding:3px;}
p span.second{顺序:1;}

第一
第二
第三

这是不可能的。原因是,这将充当
填充
/
边距
,但不像
位置
。但是,如果你想要这样的东西,你可以使用
inlineflex
order
来重新排序

p{display:inline flex;}
p span{padding:3px;}
p span.second{顺序:1;}

第一
第二
第三

正如前面所说的,没有在单元中定位字符的方法,更准确地说,只是添加了“跟踪”

从您的评论中可以明显看出您想要得到什么,并且这是可以实现的,前提是您可以将输入拆分为多个字符:

div{
边框:1px纯黑;
溢出:隐藏;
浮动:左;
明确:两者皆有;
}
输入{
边界:无;
显示:块;
浮动:左;
宽度:20px;/*模拟字母间距*/
文本对齐:居中;
}

如前所述,没有在单元中定位字符的方法,更准确地说,只是添加了“跟踪”

从您的评论中可以明显看出您想要得到什么,并且这是可以实现的,前提是您可以将输入拆分为多个字符:

div{
边框:1px纯黑;
溢出:隐藏;
浮动:左;
明确:两者皆有;
}
输入{
边界:无;
显示:块;
浮动:左;
宽度:20px;/*模拟字母间距*/
文本对齐:居中;
}


谢谢您的回答。这是针对输入元素的,但是针对PIN用户输入。我注意到这种奇怪,我的强迫症发作了。(我问自己很多愚蠢的琐碎问题。)如果它在另一个HTML元素中,我会使用JavaScript将单个字符封装在样式化的SPAN元素中:/啊,很好。理解。我想你只能使用JavaScript了。不可能使用CSS。谢谢你的回答。这是针对输入元素的,但是针对PIN用户输入。我注意到这种奇怪,我的强迫症发作了。(我问自己很多愚蠢的琐碎问题。)如果它在另一个HTML元素中,我会使用JavaScript将单个字符封装在样式化的SPAN元素中:/啊,很好。理解。我想你只能使用JavaScript了。使用CSS是不可能的。它确实不漂亮,但我明白了这个想法,我猜使用JavaScript动态创建输入元素,并实现正确的导航,很可能是唯一的解决方案。可惜没有
字母对齐
属性。它确实不漂亮,但我明白了这个想法,我想使用JavaScript动态创建输入元素,并实现正确的导航,很可能是唯一的解决方案。可惜没有
字母对齐
属性。