如何在HTML文本框中对文本进行右对齐？
时间：2020-03-06 15:04:35 来源:igfitidea点击:
我需要在列中显示许多数值。这些值必须易于编辑，因此我不能只在表中显示它们。我正在使用文本框来显示它们。有没有办法让我对显示在文本框中的文本进行右对齐？如果用户正在输入数据以开始显示他们从右边键入的内容，那也很好。
解决方案
我们是否尝试过设置样式：
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>
我们可能想要在这些输入上抛出一个类，然后将该类用作选择器。我会避开" rightAligned"之类的东西。在类名中，我们要描述元素的功能，而不是应该如何呈现。 "数字"可能很好，也可能是文本框的业务功能。
使用内联样式：
<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中)甚至看起来似乎是从右向右流动的。
