如何居中文本列的一个

我知道这是有趣的，但我从来没有听说过的最好办法中心内部表的具体列与标签山坳如何居中文本列的一个

我有表

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

但不以我的文本为中心，我想知道为什么？

来源

2013-02-19 Sergey

css：text-align：center; – cIph3r 2013-02-19 19:34:42

虽然在一个完美的世界里，你的解决方案将工作，CSS层叠并不完全这样的。但不是，因为CSS选择器很强大。正如我所看到的，您最好的选择是使用:nth-child或:nth-of-type。

或者，你可以（手动或最好在程序上）一个类名添加到您的细胞，但是这只是采取简单的出路;-)

延伸阅读：

更新：

很显然，虽然，它是可能的样式应用到实际colgroup：http://jsfiddle.net/aRYqx/。

来源

2013-02-19 19:44:23

是的..这是最好的答案:)谢谢！ – Sergey 2013-02-19 19:48:33

您将需要注意并使用IE进行测试。从IE浏览器不支持的页面链接中，您可能会遇到问题。 – cepatt 2013-02-19 19:51:51

@Sergey我进一步尝试了一下，查看我答案上的编辑。 – 2013-02-19 19:56:50

<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/

来源

2013-02-19 19:35:32 cIph3r

我知道这个方法，但是如果我有1000个单元格，这意味着class =“center”将被渲染1000次，我不想这就是为什么我问这个问题，但也许它只会是1个解决方案... – Sergey 2013-02-19 19:37:44

这是目前被接受的方法。如果您有1,000个单元格，则不应该手动编写此网页。你应该有一个脚本来为你做这件事，在这种情况下你的脚本应该检测它是否是一个你想要居中的单元格，然后添加这个标签。 – cepatt 2013-02-19 19:48:27

当然它会通过服务器代码来做，但html会增加大小。这意味着对于1000个单元格，我们将有14000个字符，仅用于对齐1列 – Sergey 2013-02-19 19:50:07

如何居中文本列的一个

回答

相关问题