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

Question

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

为了清楚起见，我知道我可以<td style="width:150px">，但这并不能保持列宽固定。无论单元格的内容是什么，我都希望宽度固定为150px。

Answer 1

您可以width使用col。根据您正在做的事情，使用<td>的固定宽度子项来强制执行其宽度也可能会有所帮助，因为仅<td>因table-cell而设置宽度{{1}}不起作用显示类型。

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

来使用 其他 表格算法

• 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元素相同）