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

Haa*_*bda 66 html css

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

Chr*_*org 123

你尝试过设置风格了吗?

input {
    text-align:right;
}
Run Code Online (Sandbox Code Playgroud)

刚刚测试过,这个工作正常(至少在FF3中):

<html>
    <head>
        <title>Blah</title>
        <style type="text/css">
        input { text-align:right; }
        </style>
    </head>
    <body>
        <input type="text" value="2">
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

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


Pet*_*yer 17

使用内联样式:

<input type="text" style="text-align: right"/>
Run Code Online (Sandbox Code Playgroud)

或者,将其放在样式表中,如下所示:

<style>
   .rightJustified {
        text-align: right;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

并引用该类:

<input type="text" class="rightJustified"/>
Run Code Online (Sandbox Code Playgroud)