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

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

我的逻辑是将textbox的css宽度设置为所需的宽度

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

这个简单的公式行不通。 知道如何将字符数转换成像素吗

---

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

大多数字体的间距不成比例。“WWWWW”比“iiiii”宽，因此无法计算字符数

---

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

什么是

字体系列

？宽度取决于字符：在许多家庭中，

i

与

M

不同。我知道字体大小对于测量是无用的。问题是将一组字符（给定字体大小）转换为像素。我知道第一部分。您打算如何将实际文本放在一个跨度中？意思是创造一个跨度，然后破坏整个单词的大小？我有一堆控件，文本区域/多个选择等等。它们的css宽度必须通过查看包含的字符数来确定。这是一个丑陋的破解，根本不是一个正确的解决方案。不，这是获得准确测量的正确且唯一的方法。我可以称之为“聪明的”黑客，而不是丑陋的。当然。当我想得更多的时候，实际上注入一个无形的跨度似乎并不难，而且没有人会注意到：）米兹，迪奥多斯，我收回我的评论。