HTML5 - 如何为特定单元指定固定宽度？

Question

在HTML5中，如何为表格单元格指定固定宽度？在HTML5中可用的大多数<col>属性在HTML5中不再有效。

只是要清楚，我知道我可以做<td style="width:150px">，但这并不保留列宽度固定。无论单元格的内容是什么，我都希望宽度固定在150像素。

Answer 1

您可以在col使用width。这取决于你在做什么，也可能会有所帮助使用<td>的固定宽度的孩子强制执行其宽度，这并不由单独<td>宽度设置由于其table-cell显示工作类型。

http://jsfiddle.net/ywSvr/

Answer 2

加入table-layout: fixed使用其他表算法：

• How to set the table column width constant regardless of the amount of text in its cells?
• previous answer of mine with demo（这是为显示为表div但这是一样table元素显示为默认）

Answer 3

使用colgroup

<table> 
    <colgroup> 
    <col span="1" style="width: 15%;"> 
    <col span="1" style="width: 70%;"> 
    <col span="1" style="width: 15%;"> 
    </colgroup> 
    <thead></thead> 
    <tbody></tbody> 
</table>