使用类右对齐文本答案

【问题标题】：Right Justifying text using a class使用类右对齐文本
【发布时间】：2012-07-12 11:31:51
【问题描述】：

input {
    text-align:right;
}

<html>
    <head>
        <title>Blah</title>
        <style type="text/css">
        input { text-align:right; }
        </style>
    </head>
    <body>
        <input type="text" value="2">
    </body>
</html>

这种方法将正确对齐所有文本框。如何使用类将我想要右对齐的文本框与我不想要的文本框分开？

<STYLE>
        NumericInput
        {
            text-align:right;
        }
</STYLE>
       <asp:TextBox ID="txtRndRbtAmt" runat="server" CssClass="NumericInput" Enabled="False" Width="100px"></asp:TextBox>

除非我将文本包含在一个 DIV 中并将 NumericInput 类分配给 DIV，否则这不起作用。

DIV 可以避免吗？

【问题讨论】：

标签： html

【解决方案1】：

类选择器以. 句号开头。

应该是这样的：

.NumericInput{
    text-align:right;
}

或者你可以写：

input.NumericInput{
    text-align:right;
}

【讨论】：

【解决方案2】：

您使用了错误的选择器。使用

.NumericInput {
  text-align:right;
}

（注意点）

【讨论】：