IE中表格colspan属性影响表格宽度问题

在用IE浏览器制作预览网页的时候，如果表格使用了colspan属性（列数不同，有合并的列），表格的自动宽度会受到很大的影响，以至于错位混乱。如下图：

页面HTML如下：

<table class="formitem" width="100%">
    <caption style="width: 99%;">
        活动详细信息
    </caption>
    <tr>
        <th style="width: 17%">
            组织单位:
        </th>
        <td style="width: 33%">
            省地质局团委
        </td>
        <th style="width: 17%">
            活动类型:
        </th>
        <td style="width: 33%">
            评先评优
        </td>
    </tr>
    <!--其他tr略-->
</table>

这个表格在不同浏览器中的表现如上图所示，在IE中，它的列宽度会出现问题，在IE中它的列宽会错开，而其它浏览器都没有问题。  解决这个BUG的原理我们就不必知道了，方法倒是很简单，只要在table的“table-layout”特性值为fixed，使用固定布局的表格元素可避免此问题。

修改后的HTML代码如下：

<table class="formitem" width="100%" style="table-layout: fixed;">
<!--中间代码略--> 
</table>

显示效果图如下：

来源：CSDN

作者：千古一帝-无与伦比

链接：https://blog.csdn.net/u013561552/article/details/34955449