如何在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中)甚至会显示为正确的。