html - html th 3 个单元格行跨度 colspan

Question

我不熟悉，rowspan不够colspan...

我正在尝试使用 html（也许是 CSS？）来做到这一点：

------------------------------------------
|          |    Divided col    |         |
|          |___________________|         |
| Col 1    | part a  | part b  |  Col 3  |
|          |         |         |         |
------------------------------------------
|  data 1  | data 2a | data 2b |  data 3 |

这可能吗？还是只是使用某种图像？

Answer 1

当然

<table border='1'>
    <tr>
        <td rowspan='2'>
            COL1
        </td>
        <td colspan='2'>
            Divided col
        </td>
        <td rowspan='2'>
            Col 3
        </td>
    </tr>
    <tr>
        <td>
            part a
        </td>
        <td>
            part b
        </td>
    </tr>
    <tr>
        <td>Data 1</td>
        <td>Data 2a</td>
        <td>Data 2b</td>
        <td>Data 3</td>
    </tr>
</table>

Answer 2

jsFiddle 示例

<table>
    <tr>
        <td rowspan="2">Col 1</td>
        <td colspan="2">Divided col</td>
        <td rowspan="2">Col 3</td>
    </tr>
    <tr>
        <td>part a</td>
        <td>part b</td>
    </tr>
    <tr>
        <td>data 1</td>
        <td>data 2a</td>
        <td>data 2b</td>
        <td>data3</td>
    </tr>
</table>