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

Question

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

Answer 1

使用ch指标。

width: 3ch;

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

Answer 2

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

但是，如果您将字体设置为monospace，这会有所帮助。然后，您应该可以size="3"在输入元素上进行设置，理论上它应该正好是三个字符宽。