jQueryのは、その入力内容に入力フィールドをクリップ

Question

I午前現在、次のコードでそれらに入力された内容と一致するように私の入力テキストボックスのサイズを変更する：計算は欠陥があるしかし

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

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

を値のより多くの文字として入力フィールドの最後の空白のギャップより大きい： -

http://jsfiddle.net/kLKNk/

私は何のギャップや、大量のがないように私の入力フィールドをクリップしたいと思います最後に空白があります。私はここでボックスのサイズを変更するが、最後に快適な量を追加するjQuery fnを見たことがある、誰も私が使用できるより良い方程式を考えることができますか？

Answer 1

私が今までに見つけた最良の方法は、モノスペースのフォントを使用し、CSSの文字間隔を0pxに手動で設定することです。もう1つの一般的な方法は、含まれているテキストを使用して隠れた要素または置換された要素を作成し、その要素の幅を取得し、それに応じてボックスを設定することです。