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。