输入大小与字母间距

Question

一个 input 元素可以有一个“size”属性，它决定了它的宽度可以容纳多少个字符，这在某些类型的输入的字符数是固定的情况下是一个很好的特性。例如电话号码、信用卡号码、客户 ID 号码等。在这种情况下，将“大小”属性放在输入字段上比深入样式表并为每个字段定义宽度更方便。

但是，在放置 size 属性时，它不考虑字母间距。如果我希望我的数字更加分散，它们会溢出输入宽度。有什么方法可以指定输入字段的大小，同时考虑到字母间距和可能影响文本大小的其他因素？

HTML：
<input size="5" placeholder="#####"/>

CSS：
input { letter-spacing: 1em }

有关输出，请参阅此JSFiddle。请注意，占位符文本会溢出输入字段。

Answer 1

尝试letter-spacing设置字符之间的字距调整。当您更改size属性时，这是很荣幸的。

input {
    letter-spacing: 0.25em;
}

http://jsfiddle.net/RhwBG/

Answer 2

您可以使用 onkeypress 动态加宽它。这可能会有所帮助 将输入字段的宽度调整为其输入