web-dev-qa-db-ja.com

2つのHTMLテーブルセルを結合する

HTMLでテーブルを作成していますが、一番上のセルの幅を2にしたいと思います。大まかな図面は次のとおりです。

__________________________________________
|                HEADER                  |
|                                        |
==========================================
|                  ||                    |
|     CONTENT      ||       CONTENT      |
|                  ||                    |
------------------------------------------

HTMLでこれを実現する方法はありますか？

htmlhtml-table
57
esqew

colspan属性を2に設定します。

...しかし レイアウトにテーブルを使用しないでください 。

111
icktoofay

属性 colspan （「列スパン」の省略形）を最上位セル（<td>）に追加し、その値を2に設定します。テーブルは次のようになります。

<table>
    <tr>
        <td colspan = "2">
            <!-- Merged Columns -->
        </td>
    </tr>

    <tr>
        <td>
            <!-- Column 1 -->
        </td>

        <td>
            <!-- Column 2 -->
        </td>
    </tr>
</table>
99
Mudassir

これを行うにはcolspanを使用します

 <td colspan="3">PUR mix up column</td>
1
Smoke