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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (111)

我需要在列中显示许多数值。这些值需要易于编辑,所以我不能将它们显示在表格中。我正在使用文本框来显示它们。有没有办法让我对文本框中显示的文本进行右对齐?如果用户输入数据以便开始显示他们从右侧输入的内容,那也不错。

提问于
用户回答回答于

你有没有尝试设置style:

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”可能是好的,或者可能是文本框的业务功能。

用户回答回答于

使用内联样式:

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

或者将它放在样式表中,如下所示:

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

并参考该课程:

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

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动