Как растянуть таблицу в html

Аватар пользователя Алексей Алешин
Алексей Алешин
03 апреля 2023

Чтобы растянуть таблицу в HTML, можно задать ей ширину в процентах или пикселях.

Например, чтобы растянуть таблицу на всю ширину страницы, можно задать ей ширину 100%:

<table style="width:100%">
  <tr>
    <th>Заголовок 1</th>
    <th>Заголовок 2</th>
    <th>Заголовок 3</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
  </tr>
</table>

В этом примере таблица будет занимать всю ширину родительского элемента, в данном случае - всю ширину страницы.

Также можно задать ширину таблицы в пикселях:

<table style="width:800px">
  <tr>
    <th>Заголовок 1</th>
    <th>Заголовок 2</th>
    <th>Заголовок 3</th>
  </tr>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
    <td>Ячейка 3</td>
  </tr>
</table>

В этом примере таблица будет иметь фиксированную ширину 800 пикселей.

0 0