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.Другой популярный метод, по-видимому, заключается в создании скрытого или смещенного элемента с содержащимся текстом, определении ширины этого элемента и установке соответствующего поля.