Question

我尝试查找答案，因为使用colspan和rowspan似乎很简单但由于某种原因我无法找到执行下表的方法：
表格单元格编号为4：upper_left，upper_right，bottom_left，bottom_right

upper_left：8行长
upper_right：1行长
bottom_left：1行长
bottom_right：8行长

我没有照片，但你可以看到行和列都是不对称的。

Answer 1

你需要这样做。在这种情况下，您无法使用rowspan="8"。

<table>
    <tr>
        <td rowspan="2">upper left</td>
        <td>upper right</td>
    </tr>
    <tr>
        <td rowspan="2">bottom right</td>
    </tr>
    <tr>
        <td>upper bottom</td>
    </tr>
</table>

如果您使用cols而不是行，那么它就是：

<table>
    <tr>
        <td colspan="8">upper left</td>
        <td>upper right</td>
    </tr>
    <tr>
        <td>bottom right</td>
        <td colspan="8">upper bottom</td>
    </tr>
</table>

使用您编辑过的CSS：

<table>
    <tr>
        <td colspan="8" style="width: 800px;">upper left</td>
        <td style="width: 100px;">upper right</td>
    </tr>
    <tr>
        <td style="width: 100px;">bottom right</td>
        <td colspan="8" style="width: 800px;">upper bottom</td>
    </tr>
</table>

当cols和row都不对称时，在html中创建一个表

1 个答案: