为html输入文本指定3个字符的宽度

Question

如何创建一个HTML恰好3个字符可以容纳的文本框？
我在网上找到了它: <input type="text" style="width: 10px; padding: 2px; border: 1px solid black"/>
它创建了一个宽度为10px的文本框.我可以使用这个,但我想知道我们是否可以明确地设置3个字符宽度而不是"玩"像素,

Answer 1

不可靠,因为l和W具有非常不同的宽度.

但是,如果将字体设置为,则会有所monospace帮助.然后,你应该能够设置size="3"输入元素,理论上它应该是三个字符宽.

Answer 2

使用ch指标。

width: 3ch;

如果您要更改左和/或右填充，请确保您的box-sizing属性设置为content-box。