Как достичь последней буквы без пробела в текстовом поле ввода?

Question

Уважаемые участники сообщества,

У меня есть небольшая проблема, которая связана с полем ввода текста с буквенным интервалом. Например, следующий код:

<input type="text" style="letter-spacing:1em; text-align:center;" maxlength="6" id="code" name="code" />

Это может привести текст не центрирование должным образом из последнего письма-интервал в последнем письме. Существуют ли альтернативные методы, позволяющие достичь интервала, а также возможности центрирования текста? Все решения оценены (включая javascript и JQuery).

(пользователь вводит строку из 6 символов, без пробелов.)

Спасибо за ответ!

PS: Я не думаю, что я забыл какой-либо соответствующий код, потому что em также можно заменить на 10px. У меня есть скриншот здесь: http://www2.picturepush.com/photo/a/7889005/640/7889005.png

Answer 1

Как насчет добавления padding-left из 1em?

<input type="text" style="letter-spacing:1em; text-align:center; padding-left: 1em" maxlength="6" id="code" name="code" /> 

Вот пример, с maxlength удалить и добавить ширину, так что вы можете увидеть, что она центрирована должным образом:

http://jsfiddle.net/Jgm42/

Примечание: Это выглядит только быть проблема с некоторые браузеры. IE, отвратительно, кажется, правильно опускает лишний интервал, если нет смежного символа. Возможно, вам придется сделать какой-то определенный для браузера код.