现在它已被弃用，是否有任何替代 colgroup col width 属性的方法？

问题描述

MDN page on colgroup 表示不推荐使用 col 宽度，但是当涉及 colspan 时我没有找到替代方法，您需要指定“colspanned”列的宽度。

下面是一个相当简约的片段来说明这个问题，对于一个三列两行的表格。中间列永远不会用“td”元素显式显示。

有了colgroup，就可以指定它的宽度了，然后就一切正常了。没有 colgroup，HTML 渲染引擎无法求解方程，列宽渲染不正确。

  table {
    border-collapse: collapse;
  }
  .w100 { width: 100px; background-color: red }
  .w200 { width: 200px; background-color: green }

<!DOCTYPE html>
<html>
<body>
With colgroups  
<table>
  <colgroup>
    <col style="width:100px">
    <col style="width:100px">
    <col style="width:100px">
  </colgroup>
  <tbody>
    <tr>
      <td class="w100">A
      <td class="w200" colspan="2">B
    <tr>
      <td class="w200" colspan="2">C
      <td class="w100">D
  </tbody>
</table>
    
<p></p>

No colgroups    
<table>
  <tbody>
    <tr>
      <td class="w100">A
      <td class="w200" colspan="2">B
    <tr>
      <td class="w200" colspan="2">C
      <td class="w100">D
  </tbody>
</table>
    
</body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

col html-table