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

Question

在HTML5中,如何为表格单元格指定固定宽度？<col>HTML4中提供的大多数属性在HTML5中不再有效.

为了清楚起见,我知道我能做到<td style="width:150px">,但这并不能保持列宽固定.无论细胞的内容是什么,我都希望宽度固定在150px.

Answer 1

您可以使用width上col.根据您正在做的事情,使用固定宽度的子项<td>来强制执行其宽度也可能会有所帮助,<td>因为由于其table-cell显示类型而无法设置单独的宽度.

http://jsfiddle.net/ywSvr/

Answer 2

使用 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>