Question

我想让最后一行跨越前一行的3行。但是由于某种原因这不起作用，我已经用几种不同的方式多次重写了代码，似乎无法让它工作：

CSS：

.div_walkthroughs_wrapper {
    position:absolute;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    border:0;
}

#table_walkthroughs {
    margin:0 auto;
    height:100%;
}

#table_walkthroughs td {
    vertical-align:middle;
    text-align:center;
    padding:10px;
    border:1px solid black;
}

HTML：

<body>
    <div class="div_walkthroughs_wrapper">
        <table id="table_walkthroughs">
            <tbody>
                <tr>
                    <td>
                       column 1
                    </td>
                    <td>
                       column 2
                    </td>
                    <td>
                       column 3
                    </td>
                </tr>
                <tr>
                    <td rowspan="3">this row wont spant 3 rows</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>

Answer 1

我认为您可能正在寻找colspan属性。

...
<tr>
    <td colspan="3">this row wont spant 3 rows</td>
</tr>
...

rowspan属性不跨越行

1 个答案: