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

Question

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

Answer 1

不可靠，因为l和W的宽度差别很大。

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

Answer 2

使用ch指标。

width: 3ch;

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