对于IE 6，你会希望colspan等于表中的列数。如果你有5列，那么你需要:colspan="5"。

原因是IE处理colspan的方式不同，它使用HTML 3.2规范:

IE实现了HTML 3.2的定义，它将colspan=0设置为colspan=1。

这个bug有很好的文档记录。

另一个可行但丑陋的解决方案:colspan="100"，其中100是一个大于需要colspan的列总数的值。

根据W3C的规定，colspan="0"选项仅对COLGROUP标记有效。

对于IE 6，你会希望colspan等于表中的列数。如果你有5列，那么你需要:colspan="5"。

原因是IE处理colspan的方式不同，它使用HTML 3.2规范:

IE实现了HTML 3.2的定义，它将colspan=0设置为colspan=1。

这个bug有很好的文档记录。

只是想补充我的经验并回答这个问题。 注意:它只在你有一个预定义的表和一个带有th的tr时有效，但是在你的行中动态加载(例如通过AJAX)。

在这种情况下，您可以计算第一个标题行中有th的数量，并使用它来张成整个列。

当您希望在没有找到结果的情况下转发消息时，可能需要此选项。

在jQuery中，table是你的输入表:

var trs = $(table).find("tr");
var numberColumns = 999;
if (trs.length === 1) {
    //Assume having one row means that there is a header
    var headerColumns = $(trs).find("th").length;
    if (headerColumns > 0) {
        numberColumns = headerColumns;
    }
}

CSS解决方案是理想的，但我无法找到一个，所以这里有一个JavaScript解决方案:对于具有给定类的tr元素，通过选择一个完整的行，计算其td元素及其colSpan属性，并使用el设置加宽的行来最大化它。colSpan = newcolspan;像这样…

var headertablerows = document.getElementsByClassName('max-col-span'); [].forEach.call(headertablerows, function (headertablerow) { var colspan = 0; [].forEach.call(headertablerow.nextElementSibling.children, function (child) { colspan += child.colSpan ? parseInt(child.colSpan, 10) : 1; }); headertablerow.children[0].colSpan = colspan; }); html { font-family: Verdana; } tr > * { padding: 1rem; box-shadow: 0 0 8px gray inset; } <table> <tr class="max-col-span"> <td>1 - max width </td> </tr> <tr> <td>2 - no colspan </td> <td colspan="2">3 - colspan is 2 </td> </tr> </table>

如果使用表头，可能需要调整这一点，但这应该是一种使用100%纯JavaScript的概念验证方法。

colspan="100%"

它的工作也在电子邮件outlook, gmail....