Question

我需要在列中显示许多数值。这些值需要很容易编辑，所以我不能只在表格中显示它们。我正在使用文本框来显示它们。有没有办法让我对文本框中显示的文字进行右对齐？如果用户输入数据以便开始显示他们从右侧键入的内容，那也很好。

Answer 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>

您可能希望在这些输入上抛出一个类，并将该类用作选择器。我会回避“右对齐”或类似的东西。在类名中，您想要描述元素的功能，而不是它应该如何呈现。 “数字”可能是好的，或者可能是文本框的业务功能。

Answer 2

使用内联样式：

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

或者将它放在样式表中，如下所示：

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

并引用该类：

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

Answer 3

将style="text-align: right"应用于输入标记。这将允许输入是正确的，并且（至少在Firefox 3，IE 7和Safari中）甚至可以从右边流出。

如何在HTML文本框中对文本进行右对齐？

3 个答案: