尊敬的社区成员,
我有一个小问题,涉及一个带有字母间距的文本输入字段。例如下面的代码:<input type="text" style="letter-spacing:1em; text-align:center;" maxlength="6" id="code" name="code" />
由于最后一个字母的间距,这将导致文本无法正确居中。是否有其他方法可以实现间距以及文本居中功能?赞赏所有解决方案(包括javascript和JQuery)。
(用户输入的字符串长度为6个字符,没有空格。)
感谢您的回复!
PS:我认为我没有忘记任何相关代码,因为em也可以替换为10px。我的屏幕截图在这里:http://www2.picturepush.com/photo/a/7889005/640/7889005.png
最佳答案
如何添加padding-left
的1em
呢?
<input type="text" style="letter-spacing:1em; text-align:center; padding-left: 1em" maxlength="6" id="code" name="code" />
这是一个示例,其中删除了
maxlength
并添加了宽度,因此您可以看到它正确居中:http://jsfiddle.net/Jgm42/
注意:这似乎只是某些浏览器的问题。令人震惊的是,IE似乎正确地离开了多余的空格,除非有相邻的字符。您可能必须执行一些特定于浏览器的代码。
关于javascript - 如何在文本输入字段中不带空格的情况下获得最后一个字母?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9876535/