Сделайте <td> span всю строку в таблице

Я не новичок в HTML, но не коснулся его на какое-то время, и я столкнулся с раздражающей проблемой.

У меня есть таблица с двумя строками.
Я хочу, чтобы первая строка имела один столбец - означает, что она будет охватывать всю строку, и я хочу, чтобы вторая строка имела три столбца, каждая из которых составляла 33,3% ширины строки.

У меня есть этот код для таблицы:

<table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center">check</td>
    </tr>
    <tr>
        <td align="center">check</td>
        <td align="center">check</td>
        <td align="center">check</td>
    </tr>
</table>

Но что происходит, это странно, первая строка имеет один столбец с тем же размером, что и первый столбец второй строки, и всякий раз, когда я меняю один из них, он также меняет другой.

Если я даю первую строку <td>, значение ширины 500px позволяет сказать, что она устанавливает вторую строку сначала <td> в тот же размер.

Что я делаю неправильно?

ОТВЕТЫ

Ответ 1

Вы должны использовать атрибут colspan в первой строке td.
Colspan="3" установит ячейку в течение трех столбцов.

<table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" colspan="3">check</td>
    </tr>
    <tr>
        <td align="center">check</td>
        <td align="center">check</td>
        <td align="center">check</td>
    </tr>
</table>

Ответ 2

Вы хотите использовать атрибут colspan следующим образом:

 <table width="900px" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" colspan="3">check</td>
    </tr>
    <tr>
        <td align="center" >check</td>
       <td align="center">check</td>
       <td align="center">check</td>
    </tr>
</table>

Ответ 4

Использование colspan следующим образом:

    <tr>
        <td align="center" colspan="3">check</td>
    </tr>

По colspan вы объединяете следующие ячейки в строку в одну. Если вы используете 2 в своем примере, вы получаете одну ячейку с шириной первых двух столбцов, а третья - как третья в остальной части таблицы.

Ответ 5

измените первую строку с помощью

<tr>
    <td colspan="3" align="center">check</td>
</tr>