Question

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

在我的CSS文件中，我有：

表td
{
填充：5px;
border：solid 1px＃e8eef4;
}

表td.numeric
{
text-align：right;
}

在我看来，我有：

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

为什么不使用text-align样式？

Answer 1

它对我有用。你确定你没有其他CSS属性覆盖这个吗？

此外，您是否检查过以确保您的桌子宽度能够实际看第二个td是否正确对齐？我的猜测是你的桌子没有正确扩展。尝试将其标记更改为：

<table width="100%">

Answer 2

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

Answer 3

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

如何使用CSS在MVC视图中右对齐我的td元素？

3 个答案: