Объединить две ячейки таблицы HTML


Я создаю таблицу в HTML, и я хотел бы, чтобы моя верхняя ячейка была шириной два. Вот примерный рисунок:

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

есть ли способ сделать это в HTML?

3 57

3 ответа:

установить colspan атрибут 2.

...но пожалуйста, не используйте таблицы для макета.

добавить атрибут colspan (abbriviation для 'column span') в верхней ячейке (<td>) и установите его значение в 2. Ваша таблица должна выглядеть следующим образом;

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

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

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

используйте colspan для этого

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