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

Question

在 HTML5 中，如何为表格单元格指定固定宽度？HTML4 中可用的大多数<col>属性在 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>

Answer 3

通过添加使用其他表算法table-layout: fixed：

• 无论单元格中的文本量如何，如何设置表格列宽恒定？
• 我以前的演示答案（用于div显示为表格，但与table默认显示的元素相同）