Форматирование текста в столбце HTML-таблицы?

Question

У меня есть таблица, как показано ниже. Представьте, что есть несколько столбцов, подумал я, отформатировав тег <col/>, я смогу изменить форматирование каждого <td> в этом столбце. Я хочу дать данные в первом столбце text-align:center, но, похоже, это не работает. Есть ли способ заставить это работать, кроме добавления класса к каждому <td>?

<table>
    <col class="column"/>
    <tr> 
        ... 
    </tr>
    <tr> 
        ... 
    </tr>
    <tr> 
        ... 
    </tr>
</table>

Answer 1

Дайте таблице класс, например <table class="table1">.Затем в вашем CSS вы можете ссылаться на ячейки следующим образом:

.table1 tr>td:first-child { text-align:center; }

Answer 2

Способ не-css заключается в простом добавлении align = "center" к вашему тд соответствующего столбца. Это один из способов, когда Dreamweaver экономит время разработки: выделите весь столбец, введите выравнивание по центру, и все готово.

Answer 3

Нет способа заставить это работать во всех распространенных браузерах, но вы можете использовать современный селектор CSS, чтобы добиться эффекта стандартным (если не полностью реализованным) способом.

tr:nth-child(1) { styles }

Где 1 - первый столбец.

В целом см. http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

Распространенным решением является добавление класса к каждому «td», что обычно не является проблемой, поскольку вы обычно генерируете HTML из другого кода. Я никогда не видел класс col, на который вы ссылаетесь, поэтому проводил быстрый поиск, и кажется, что а) он должен быть внутри тега группы и б) он ограничен в стилях, которые вы можете установить.

Answer 4

Класс покрывает тег, к которому он привязан.Поскольку вы закрываете тег перед тем, как что-либо делать, класс не влияет ни на что.Как сказал другой парень, положи его на стол, который охватывает все tds.