如何从该控件包含的字符中获取html控件的宽度（以像素为单位）

Question

我有一个文本框，其宽度（以像素为单位）应由其中的字符数决定。 字符的字体大小是固定的。

我的逻辑是将文本框的css-width设置为所需的宽度。

requiredWidth = "number of characters" * "fontsize in pixel" 

这个简单的公式不起作用。 知道如何将字符数转换为像素吗？

如果未设置css.width，还可以以像素为单位检索dom元素的大小吗？

Answer 1

大多数字体不是按比例分开的。 “WWWWW”比“iiiii”宽，因此计算字符不起作用。

您需要将实际文本放在DOM中的SPAN中并测量其大小。