bootstrap - html 如何合并单元格

问题描述

问 题

我想要达到这样的效果

我将代码写成这样可以达到这样的效果：

<table>
    <tr rowspan="4"> <td></td> </tr>         
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>       
</table>

然后我将代码改成这样，就成了这个样子。。。

    
<table>       
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr> 
     <tr rowspan="4"> <td></td> </tr>       
</table>

好奇怪。。。要怎样才能达到我想要的效果呢？

解决方案

colspan和rowspan都是写在td上的

<table>
    <tr> <td></td><td rowspan="3"></td> </tr>
    <tr>
        <td></td>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>

这篇关于bootstrap - html 如何合并单元格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！