在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动态创建输入元素,并实现正确的导航,很可能是唯一的解决方案。可惜没有字母对齐
属性。