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

技术笔记 - Web

发布时间:2019-06-22 01:52:35

admin 于  2019-06-22 01:52:35 编辑

<*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大叔的日常