如何居中文本列的一個

我知道這是有趣的，但我從來沒有聽說過的最好辦法中心內部表的具體列與標籤山坳如何居中文本列的一個

我有表

<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

如何居中文本列的一個

回答

相關問題