带字母间距的输入大小

Question

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

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

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

CSS：
input { letter-spacing: 1em }

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

请注意，在确定size时无法考虑letter-spacing ，这种情况发生在 Chrome 中，但不是 FF。

Answer 1

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

input {
    letter-spacing: 0.25em;
}

http://jsfiddle.net/RhwBG/

Answer 2

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