各位前端怎么实现 input 框等比分割并且最后一个字符在当前 input 框长度内显示？ letter-spacing 无法实现

[已解决问题] 解决于 2021-08-26 17:17

CV小黑 | 初学一级 | 园豆：192
提问于：2021-08-06 09:01

< >

最佳答案

奖励园豆：5

guangzan | 菜鸟二级 |园豆：246 | 2021-08-08 19:19

其他回答(1)

如果简单说“实现”，没什么难的吧？比如外面套个壳子，用多个input实现。一定要用一个input实现吗？

顾晓北 | 园豆：10844 (专家六级) | 2021-08-06 09:33

大佬当然最好是一个 input 那如果多个 input 怎么实现怎么能控制用户输入的每次都是从头开始

支持(0) 反对(0) CV小黑 | 园豆：192 (初学一级) | 2021-08-06 09:37

@CV小黑: 如果是一个input，我觉得可以input外面弄一个div，跟input一样大小，然后position搞成relative,然后做几个灰色竖线（div模拟）用position:absolute，一个一个定位到input上面。。。

支持(0) 反对(0) 顾晓北 | 园豆：10844 (专家六级) | 2021-08-06 10:38

然后用letter-spacing来控制字之间的距离。。。

支持(0) 反对(0) 顾晓北 | 园豆：10844 (专家六级) | 2021-08-06 10:40

@顾晓北: 使用 letter-spacing 无法控制光标和字符的间距

支持(0) 反对(0) CV小黑 | 园豆：192 (初学一级) | 2021-08-09 08:58

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。