Question

输入元素可以具有“大小”属性，该属性确定其宽度可以容纳多少个字符，这在某些类型的输入固定字符数的情况下是一个简洁的功能。例如电话号码，信用卡号，客户ID号等。在这种情况下，只需在输入字段上放置“size”属性比挖掘样式表并为每个样式定义宽度更方便。

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

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

CSS：
input { letter-spacing: 1em }

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

Answer 1

您可以使用onkeypress动态扩展它。这可能会有所帮助 Adjust width of input field to its input

Answer 2

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

input {
    letter-spacing: 0.25em;
}