Как я могу выровнять мои элементы td в представлении MVC, используя CSS?

Question

Я создаю страницу индекса в приложении MVC 1.0 и хочу выровнять текст по правому краю в одном из столбцов. Я попытался сделать это, создав дополнительный класс в стиле td и установив в нем «text-align: right», но, похоже, это не применяется к этому элементу.

В моем файле CSS у меня есть:

таблица тд
{
обивка: 5px;
рамка: сплошная 1px # e8eef4;
}

таблица тд.номер
{
выравнивание текста: вправо;
}

На мой взгляд, у меня есть:

<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 width="100%">

Answer 2

Это должно сделать это.Проверьте другие конфликтующие стили в вашей таблице стилей.Если вы используете сброс CSS, это может быть в этом.

Answer 3

Убедитесь, что вы импортируете таблицу стилей в вашем представлении.