一个输入元素可以有一个
然而,当添加 size 属性时,它不考虑
HTML:
请注意,当确定
size
属性用来确定它的宽度可以容纳多少字符,在某些类型的输入中,字符数是固定的,这是一个很好的特性。例如电话号码、信用卡号码、客户ID号码等。在这种情况下,仅在输入字段上放置 size
属性比深入样式表并为每个输入字段定义宽度更方便。然而,当添加 size 属性时,它不考虑
letter-spacing
。如果我想要让我的数字之间更加分散,它们就会溢出输入宽度。有没有办法可以指定输入字段的大小并考虑 letter spacing 和其他可能影响文本大小的因素?HTML:
<input size="5" placeholder="#####"/>
CSS:input { letter-spacing: 1em }
请查看此JSFiddle以获取输出。请注意,占位符文本溢出了输入字段。请注意,当确定
size
时不考虑 letter-spacing
的问题发生在 Chrome 中,但在 Firefox 中没有发生。
input
中使用letter-spacing
没有问题。虽然没有明确的规范说明应该发生什么,但现代浏览器似乎在这方面相当一致。(它们在解释size
属性时有所不同,但那是另一回事。)请展示一些你使用过的代码,并解释结果有何问题,以及在哪些浏览器上出现了问题。你是指你还设置了width
属性吗?那么这就是罪魁祸首。 - Jukka K. Korpela<input size="3">
,则其长度将保持3个字符且无字母间距。至少在Chrome中没有这种情况。 - Xavier_Ex