HTML表中的rowpan和colspan問題

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表中的rowpan和colspan問題

問題描述

1 個解決方案

解決方案1
1 2013-03-17 00:56:50

HTML表中的rowpan和colspan問題

問題描述

1 個解決方案

解決方案1 1 2013-03-17 00:56:50

解決方案1
1 2013-03-17 00:56:50