Как правильно выровнять текст в текстовом поле HTML? - PullRequest
Новая
       28

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

62 голосов
/ 03 октября 2008

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

Ответы [ 3 ]

119 голосов
/ 03 октября 2008

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

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" или чего-то в этом роде. В имени класса вы хотите описать, какова функция элемента, а не как он должен отображаться. «числовой» может быть хорошим, или, возможно, бизнес-функция текстовых полей.

17 голосов
/ 03 октября 2008

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

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

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

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

и ссылка на класс: 

<input type="text" class="rightJustified"/>
3 голосов
/ 03 октября 2008

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...