jQuery将输入字段剪辑到该输入的内容

Question

我目前正在调整输入文本框的大小以匹配使用以下代码输入的内容：

var lenStr = $(this).val().length;
 var boxWidth = lenStr * 8.55;

 $(this).css({width:boxWidth});

然而，计算存在缺陷，因为值中的字符越多，输入字段末尾的空格间隙就越大： -

http://jsfiddle.net/kLKNk/

我想剪切我的输入字段，以便最后没有间隙或大量的空白区域。我在这里看到了一个jQuery fn，它调整了盒子的大小，但最后增加了一个舒适的数量，有人能想到一个更好的方程式吗？

Answer 1

到目前为止，我发现最好的方法是使用等宽字体并手动将CSS中的字母间距设置为0px。另一种流行的方法似乎是使用包含的文本创建隐藏或移位元素，获取该元素的宽度并相应地设置框。