Question

我正在尝试使用rowspan和colspan在HTML中创建这个布局但是单元格的大小没有显示我的预期，单元格“X”的rowspan和colspan的值是“2”但是表格像2x1那样被创建。

这是我的代码

<html>
<head>
</head>
<body>
    <table border="3" cellspacing="5" cellpadding="3">
        <tbody>
            <tr>
                <td rowspan="2">1</td>
                <td>2</td>
                <td rowspan="2" colspan="2">X</td>
            </tr>

            <tr>    
                <td>3</td>      
            </tr>

            <tr>
                <td rowspan="1" colspan="4">4</td>  
            </tr>

            <tr>
                <td colspan="3">5</td>
                <td>6</td>  
            </tr>

        </tbody>
    </table>
</body>

Answer 1

这是正常的。最简单的方法是查看是否添加了一行，其中所有四个单元格都占据了一列：

<tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
</tr>

http://jsfiddle.net/ExplosionPIlls/HfHBU/

由于没有第三列单元格可以创建任何宽度，因此您遇到了视觉问题。整个第三列是由colspan在X，4和5上创建的，因此它看起来没有（或非常小）宽度，如果没有宽度规则，单元格将不会展开到。

HTML表格中的rowspan和colspan问题

1 个答案: