Применение стилей к объектам ASP.Net MVC ViewData

Question

У меня есть следующий код в пользовательском элементе управления MVC (имена полей были изменены, чтобы защитить невинных):

Они должны отображаться в списке под заголовком на странице, которая вызывает этот элемент управления.

Учитывая то, что я использую CSS, как я могу применить теги к заголовку и этим полям, чтобы все выстраивалось правильно?

Большое спасибо,

KevDog

Обновление: Цель состоит в том, чтобы поля в пользовательском элементе управления были ниже и выровнены по левому краю под метками в заголовке. Моя первая проблема - добавить класс к элементам ViewData выше. Они входят в другие теги или атрибуты применяются внутри самого тега? Я попробовал последнее, и это не кажется правильным подходом.

Answer 1

Судя по вашему примеру кода, вы просто выводите строковые свойства на веб-страницу. В этом случае вам нужно будет окружить выходную строку с помощью span или div, чтобы назначить ей класс, например:

<div class="foo"><%=ViewData.Model.foo %></div>

С другой стороны, вы можете в других местах использовать помощники HTML, и в этом случае вы можете передать класс вспомогательному методу:

<%= Html.TextBox("foo", ViewData.Model.Foo, new { @class="foo" })%>

Answer 2

Возможно, вы захотите взглянуть на 960 Grid System . Это все еще потребует немного CSS, но это сделает вашу жизнь намного проще. На сайте есть несколько примеров / учебных пособий.