Как вы правильно выравниваете текст в текстовом поле HTML?

Мне нужно отображать множество числовых значений в столбцах. Эти значения должны быть легко редактируемыми, поэтому я не могу просто отображать их в таблице. Я использую текстовые поля для их отображения. Есть ли способ для меня правильно обосновать текст, отображаемый в текстовом поле? Было бы неплохо также, если пользователь вводит данные для начала отображения того, что они набирают справа.

Ответ 1

Вы пытались установить стиль:

input {
    text-align:right;
}

Просто протестировано, это работает отлично (по крайней мере, в FF3):

<html>
    <head>
        <title>Blah</title>
        <style type="text/css">
        input { text-align:right; }
        </style>
    </head>
    <body>
        <input type="text" value="2">
    </body>
</html>

Вероятно, вы захотите бросить класс на этих входах и использовать этот класс в качестве селектора. Я бы уклонился от "rightAligned" или что-то в этом роде. В имени класса вы хотите описать функцию элемента, а не способ ее отображения. "числовое" может быть хорошим или, возможно, бизнес-функцией текстовых полей.

Ответ 2

Использование встроенных стилей:

<input type="text" style="text-align: right"/>

или, поместите его в таблицу стилей, например:

<style>
   .rightJustified {
        text-align: right;
    }
</style>

и укажите класс:

<input type="text" class="rightJustified"/>

Ответ 3

Примените style="text-align: right" к тегу ввода. Это позволит право на право быть оправданным, и (по крайней мере, в Firefox 3, IE 7 и Safari) даже будет отображаться справа.