HTML表格colgroup元素不工作？

我想在表格的每一列上使用不同的樣式。我讀過你可以使用<colgroup>或<col>這樣做，但我沒有運氣。我有一個例子here，似乎沒有任何改變。難道我做錯了什麼？這將工作在XHTML？HTML表格colgroup元素不工作？

我知道我可以在每個<td>上添加一個「class」屬性，但這似乎很弱。

2010-09-07 pleasedontbelong

這是正確的。雖然colgroup本身是由所有瀏覽器支持的，this isn't true for the attributes of the inner col element。在可能的屬性中，所有瀏覽器僅支持width。但與CSS不同，<col width="">僅支持像素和百分比寬度。

請勿使用它。相反，創建CSS類並將它們分配給每個td。是的，它很糟糕。

編輯更新以上鍊接頁面提供更好的信息

來源

2010-09-07 12:39:21

thxs！似乎html5將使colgroup工作..但在那之前，我將使用類或第n個孩子 – pleasedontbelong 2010-09-07 12:54:04

您引用的頁面說_ _ 標記在所有主流瀏覽器中都支持_也許您應該刪除該引用，因爲它們是誤導人們。 – 2012-08-14 12:36:38

我同意@JannieT，這似乎受所有主流瀏覽器的支持。請參閱：http：//reference.sitepoint.com/html/colgroup和http://webdesign.about.com/od/htmltags/p/bltags_colgroup.htm – 2013-04-15 22:20:26

設置你的table-layout自動的，而不是固定的......

table {table-layout: auto;}

我的個人網站支持多個主題，我看到這些類型的差異每時每刻。

來源

2013-04-25 21:40:48 John

夢幻般的財產！ :) https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout – 2013-06-11 20:33:30

您可以使用css選擇器來獲得類似的結果，而無需添加額外的類。

至於如果你想給特定的樣式到第二欄，你可以用一個例子：

table>tbody>td:nth-child(2){font-weight: bolder;}

來源

2016-05-06 06:45:08 ramjamx

HTML表格colgroup元素不工作？

回答

相關問題