Question

html5中rowspan： 为什么第二行“调查”设置了纵向占4个单元格，结果只占一个

<tr> <th rowspan="4">调查</th> <th>姓名</th> <th>性别</th> <th>职业</th> </tr> </thead> <tbody> <tr style="background:red"> <td>张三</td> <td>男</td> <td>学生</td> </tr> <tr> <td>李四</td> <td>女</td> <td>护士</td> </tr> </tbody> <tfoot> <tr> <td colspan="3">总计：2个人</td> </tr> </tfoot>

Answer 1

布局有误，我帮你调整了下！代码如下：

<table border="1">
    <tr>
        <th rowspan="4">调查</th>
        <th>姓名</th>
        <th>性别</th>
        <th>职业</th>
    </tr>
    <tr style="background:red">
        <td>张三</td>
        <td>男</td>
        <td>学生</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>女</td>
        <td>护士</td>
    </tr>
    <tr>
        <td colspan="3">总计：2个人</td>
    </tr>
</table>

追问

可以告诉我布局错在哪码

追答

上面这些多余的去掉就可以了！