0

rowspanとcolspanを使用してテーブル構造を調べているときに、興味深い2つのインスタンスを見つけました。

jsfiddleを表示

最初のテーブルには3つの行が必要ですが、最後の行は2番目の行に残ります。一番下の行スパンを2ではなく1に変更するとこれが修正されることは理解していますが、なぜこのように機能しないのですか？

<table border="1">
    <tr>
        <td rowspan="3">3</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
    </tr>
    <tr>
        <td colspan="4">bottom</td>
    </tr>
</table>

2番目のテーブルには下の境界線が必要ですが、下の境界線は表示されていません。繰り返しになりますが、一番下の行と左側のボックスは、左側の行スパンが2、一番下の行の行スパンが1で機能することに気付きましたが、jsfiddleで示したように機能しないのはなぜかと思いました。

<table border="1">
    <tr>
        <td rowspan="3">3</td>
        <td>1</td>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
        <td rowspan="2">2</td>
    </tr>
</table>
4

1 に答える 1

1

上からのすべての列の行スパンが1より大きいため、1番目のテーブルの形式が正しくありません。3番目の行にはセルを追加する列が残っていませんが、colspan=4です。

2番目の行のすべての列の行スパンが1より大きいため、2番目のテーブルの形式が正しくありません。したがって、最終行と下の境界線はありません。

于 2012-11-04T16:39:25.347 に答える