如何右对齐 HTML 文本框中的文本？
Posted
技术标签:
【中文标题】如何右对齐 HTML 文本框中的文本？【英文标题】：How do you right-justify text in an HTML textbox? 【发布时间】：2010-09-15 02:04:06 【问题描述】：我需要在列中显示许多数值。这些值需要易于编辑，因此我不能只在表格中显示它们。我正在使用文本框来显示它们。有没有办法让我右对齐文本框中显示的文本？如果用户在输入数据时开始显示他们从右侧输入的内容，那也很好。
【问题讨论】：
【参考方案1】：您是否尝试设置样式：
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”或类似的东西。在类名中，您想描述元素的功能是什么，而不是应该如何呈现。 “数字”可能很好，或者可能是文本框的业务功能。
【讨论】：
你已经预料到我的下一个问题了！非常感谢您的帮助。 在模拟 MS 计算器时保存了我的培根【参考方案2】：使用内联样式：
<input type="text" style="text-align: right"/>
或者，将其放入样式表中，如下所示：
<style>
.rightJustified
text-align: right;
</style>
并引用类：
<input type="text" class="rightJustified"/>
【讨论】：
【参考方案3】：将style="text-align: right" 应用于输入标签。这将允许条目右对齐，并且（至少在 Firefox 3、IE 7 和 Safari 中）甚至看起来是从右侧流动的。
【讨论】：
以上是关于如何右对齐 HTML 文本框中的文本？的主要内容，如果未能解决你的问题，请参考以下文章