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

Question

我有一个文本框，其像素宽度应由其中的字符数确定。字符的字体大小是固定的。

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

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

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

如果未设置 css.width 是否可以检索 dom 元素的像素大小？

Answer 1

大多数字体的间距不成比例。"WWWW" 比 "iiiiii" 宽，因此计数字符不起作用。

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