Question

我知道这很有趣，但我从来没有听过使用标签col

将表格中的特定列居中的最佳方法

我有桌子

<table>
<colgroup>
    <col />
    <col style="text-align: center;" />
</colgroup>
<tbody>
<tr>
    <td>
    </td>
    <td>
       I must be in center
    </td>
</tr>
<tbody>
</table>

但它并不是我的文字的中心，我想知道为什么？

Answer 1

<table>
<colgroup>
    <col />
    <col style="text-align: center;" />
</colgroup>
<tbody>
<tr>
    <td>
    </td>
    <td class="center">
       I must be in center
    </td>
</tr>
<tbody>
</table>

的CSS：

.center{
 text-align:center;
}

http://jsfiddle.net/cty4q/

Answer 2

在一个完美的世界中，你的解决方案可行，但CSS级联并不是那么有用。但不是壮举，因为CSS选择器功能强大。我认为，您最好的选择是使用:nth-child或:nth-of-type。

或者，您可以为您的单元格添加一个类名（手动或最好以编程方式），但这只是简单的方法; - ）

进一步阅读：

更新

但显然，可以将样式应用于实际的colgroup：http://jsfiddle.net/aRYqx/。

如何将其中一列的文本居中

2 个答案: