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

我需要在列中显示许多数值。 这些值需要易于编辑,所以我不能只显示在一个表中。 我正在使用文本框来显示它们。 有没有办法让我对文本框中显示的文本进行右alignment? 如果用户input数据以开始显示他们从右侧input的内容,那也不错。

你尝试设置风格:

input { text-align:right; } 

刚刚testing,这工作正常(至less在FF3):

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

您可能想要在这些input上抛出一个类,并将该类用作select器。 我会回避“rightAligned”或类似的东西。 在类名中,您想要描述元素的function,而不是应该如何呈现。 “数字”可能是好的,也可能是文本框的业务function。

使用内联样式:

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

或者把它放在样式表中,就像这样:

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

并引用这个类:

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

style="text-align: right"应用于input标签。 这将允许条目右alignment,并且(至less在Firefox 3,IE 7和Safari中)甚至会显示为正确的。