如何在HTML文本框中右对齐文本？
如何在HTML文本框中右对齐文本？
提问于 2008-10-03 14:01:19
我需要在列中显示许多数值。这些值需要易于编辑，所以我不能只在表中显示它们。我正在使用文本框来显示它们。有没有办法使文本框中显示的文本右对齐？如果用户在输入数据时开始从右侧显示他们输入的内容，那也是很好的。
回答 3
Stack Overflow用户
回答已采纳
发布于 2008-10-03 14:03:47
你有没有试过设置样式：
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“或类似的东西。在类名中，您希望描述元素的功能是什么，而不是应该如何呈现它。"numeric“可能是好的，或者可能是文本框的业务功能。
Stack Overflow用户
发布于 2008-10-03 14:05:07
使用内联样式：
<input type="text" style="text-align: right"/>或者，将其放在样式表中，如下所示：
<style>
.rightJustified {
text-align: right;
}
</style>并引用该类：
<input type="text" class="rightJustified"/>Stack Overflow用户
发布于 2008-10-03 14:05:49
将style="text-align: right"应用于输入标记。这将允许条目右对齐，并且(至少在Firefox3、IE7和Safari中)甚至会显示为从右向右移动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/167027
复制相关文章
相似问题