Colspan +删除多列后的相等单元格宽度

Question

PS。 如果可能的话，我更喜欢用CSS解决这个问题，但如果没办法，我也可以访问JQuery（但没有其他库）。

好的，这是我之前的问题的扩展。 当我提出这个问题时，我试图让场景尽可能简单。 但似乎我桌上的colspans正在制造一个问题。 我有一个8列的表。 在运行时，将删除任意数量的这些元素。 我的表中有几行colspan="8" 。 使用table-layout:fixed; 我让细胞宽度相等。 问题是colspan="8"的单元格没有调整大小。 这张照片显示了我拥有的和我想要的东西：

在此输入图像描述

以下是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
table{
    width:600px;
    table-layout:fixed;
}
table td{
    border:1px solid red;
    text-align:center;
    background-color:#9CF;
}
table td:only-child{
    background-color:#CCFFFF;
}
caption{
    color:blue;
    font-size:80%;
}
</style>
<title></title>
</head>
<body>
<table>
    <caption>Original table</caption>
    <tr>
        <td colspan="8">Cell with colspan=8</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
    <tr>
</table>
<table>
    <caption>After some columns are removed</caption>
    <tr>
        <td colspan="8">Cell with colspan=8</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>4</td>
        <td>5</td>
        <td>7</td>
        <td>8</td>
    <tr>
</table>
<table>
    <caption>I want these to have the same width</caption>
    <tr>
        <td colspan="8">Cell with colspan=8</td>
    </tr>
    <tr>
        <td>1</td>
        <td>Two</td>
        <td>Three</td>
        <td>Column number four</td>
        <td>5</td>
    <tr>
</table>
<table>
    <caption>I want these to have the same width, too</caption>
    <tr>
        <td colspan="8">Cell with colspan=8</td>
    </tr>
    <tr>
        <td>1</td>
        <td>Column number four</td>
        <td>5</td>
    <tr>
</table>
</body>
</html>

Answer 1

编辑1：没有阅读以前的链接问题。
编辑2：我修好了，它应该现在正常工作。

我尝试稍微调整一下，我想我得到了理想的结果。 现在您需要自定义td大小。

的jsfiddle

Colspan +删除多列后的相等单元格宽度

问题描述

1 个解决方案

解决方案1
1 已采纳 2012-02-03 10:34:04

Colspan +删除多列后的相等单元格宽度

问题描述

1 个解决方案

解决方案1 1 已采纳 2012-02-03 10:34:04

解决方案1
1 已采纳 2012-02-03 10:34:04