Asp.net mvc 如何使用CSS在MVC视图中右对齐td元素？

我正在MVC1.0应用程序中创建一个索引页，并希望右对齐其中一列中的文本。我试图通过在td样式中创建一个额外的类并在其中设置“text align:right”来实现这一点，但这似乎没有应用于该元素

在我的CSS文件中，我有：

表td
{
填充：5px；
边框：实心1px#e8eef4；
}

表td.数字
{
文本对齐：右；
}

我认为：

<table>
    <tr>
        <th>Location</th>
        <th>Duration</th>
    </tr>

    <% foreach (var item in Model) { %>
        <tr>
            <td><%= Html.Encode(item.Location.Description) %></td>
            <td class="numeric"><%= Html.Encode(itemDuration) %> min</td>
        </tr>
    <% } %>
</table>

位置
期间
闵

---

为什么不使用文本对齐样式？

请确保您正在视图中导入样式表。

这应该可以做到。检查样式表中的其他冲突样式。如果您使用的是CSS重置，它可能就在那里。

它对我有效。您确定没有其他CSS属性覆盖此属性吗

另外，您是否检查过确保您的表格宽度，以便您可以实际看到第二个td是右对齐的？我猜您的桌子没有正确地展开。尝试将其标记更改为：

<table width="100%">

我现在下载了Firefox，它在Firefox中正确显示，因此这似乎是IE7的问题。我意识到浏览器不兼容性问题超出了这个原始问题的范围，所以我将停止讨论这个问题，直到我能读到更多关于这个问题的内容。将桌子宽度设置为100%没有任何区别。我不认为这是表的大小问题，因为我可以看到整个表，而且该列肯定是左对齐的。在Firefox中使用Firebug运行此命令时，该td的样式显示为：table td.numeric{text align:right；}table td{border:1px solid#E8EEF4；padding:5px；}因此，它看到了我期望的样式，但没有应用它。是的，样式表正在母版页中导入，其他样式正在应用。这和Firefox中的预期一样，只是在IE7中我现在遇到了问题。