asp.net-mvc - 如何使用 CSS 在 MVC View 中右对齐我的 td 元素？

Question

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

在我的 CSS 文件中我有:

表td
{
内边距:5px;
边框:实心 1px #e8eef4;
}

表 td.numeric
{
文本对齐:右对齐；
}

在我看来我有:

<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>

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

Answer 1

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

此外，您是否检查过以确保您的表格宽度能够让您实际看到第二个 td 是右对齐的？我的猜测是您的 table 没有正确展开。尝试将其标签更改为:

<table width="100%">