使用CSS将文本输入拆分为几个单元格
使用CSS将文本输入拆分为几个单元格
提问于 2019-04-10 15:45:55
我需要将输入拆分成几个单元格。我想画几个块，在每个用户按下，其中一个块将填充。如下所示：
什么才是正确的方法呢？
这是表单的代码：
<div class="wrap-log-in-form" *ngIf="step == 'pass'">
<input type="text" class="spliting-input" maxlength="6">
<div class="buttens-log-in">
<input type="button" value="אמת">
<input type="button" value="קבל הודעה בטלפון">
</div>
</div>回答 1
Stack Overflow用户
发布于 2019-05-28 01:24:04
您可以在input上使用CSS背景图像，并尝试使用letter-spacing使文本落在正确的区域，但这真的很难，也不是一个很好的解决方案。
问题是每个设备和浏览器显示的字符略有不同，所以间距总是有一点偏差。这很麻烦，但是如果你只能访问CSS的话就行了。
更好的解决方案
使用Javascript解析输入，并使用独特的位置和背景样式将每个字符拆分为其自己的元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55607306
复制相关文章
相似问题
腾讯云开发者
