格式化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

该类涵盖了它所绑定的标记。由于您在执行任何操作之前关闭了标记，因此该类最终不会影响任何内容。 就像其他人说的那样，把它放在桌子上，它跨越了所有的tds。

Answer 3

没有办法在所有常见浏览器中使用它，但您可以使用现代CSS选择器以标准（如果没有完全实现）方式实现效果。

tr:nth-child(1) { styles }

其中1是第一列。

更常见的是http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

常见的解决方案是在每个“td”上添加一个类，这通常不是问题，因为您通常从其他代码生成HTML。我从来没有见过你之前引用的col类，所以快速搜索了，看来a）它应该在colgroup标签内，b）它在你设置的样式中是有限的。

Answer 4

非css方式是简单地将align =“center”添加到相应列的td。这是Dreamweaver节省开发时间的一种方法：选择整个列，键入中心以进行对齐，然后就完成了。