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

我需要在列中显示许多数值。这些值需要易于编辑，因此我不能只在表中显示它们。我使用文本框来显示它们。有没有一种方法可以使文本框中显示的文本正确对齐？如果当用户为它输入数据时，开始显示他们从右边键入的内容，那也是很好的。

131462 次浏览
小开
最佳答案

你有没有试过设定风格:

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>

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

小开

使用内联样式:

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

或者，把它放在一个样式表中，像这样:

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

然后引用这个类:

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

将 style="text-align: right"应用于输入标记。这将允许条目是右对齐的，并且(至少在 Firefox 3、 IE 7和 Safari 中)甚至会出现从右边流出的情况。


提交答案