标准表格 解决第一行colspan后 宽度失效问题

发布于 2019年06月22日 01:52:35 - 技术分享 - Web
<table>
    <colgroup>
        <col width=60%></col>
        <col width=20%></col>
        <col width=20%></col>
    </colgroup>
  <tr>
    <th colspan="2">测试:</th>
    <th></th>
  </tr>
  <tr>
    <th>测试:</th>
    <th>数据模型dddddddddddd</th>
    <th>100</th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

因为一般表格都会定义一个table-layout: fixed;,防止td被连串字符撑开,但是如果首行有合并单元格的话,td宽度定义就会失效。

解决方案为在最上部增加<colgroup>代码来控制td宽度。

<colgroup>
    <col width=60%></col>
    <col width=20%></col>
    <col width=20%></col>
</colgroup>

转载声明:本站文章无特别说明,皆为原创,版权所有,转载请注明:Dy大叔的日常

转载自 标准表格 解决第一行colspan后 宽度失效问题 | XDY.ME@Dy大叔的日常

XDY.ME@Dy大叔的日常