HTML Размер таблицы
HTML-таблицы могут иметь разные размеры для каждого столбца, строки или всей таблицы.
Используйте атрибут style со свойствами width или height для указания размера таблицы, строки или столбца.
HTML Ширина таблицы
Чтобы установить ширину таблицы, добавьте атрибут style к элементу <table>:
Пример
Установите ширину таблицы на 100%:
<table style="width:100%">
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Возраст</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Попробуйте сами »
Примечание: Использование процента в качестве единицы измерения ширины означает, насколько широким будет этот элемент по сравнению с его родительским элементом, которым в данном случае является элемент <body>.
HTML Ширина столбцов таблицы
Чтобы установить размер определенного столбца, добавьте атрибут style к элементам <th> или <td>:
Пример
Установите ширину первого столбца на 70%:
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Попробуйте сами »
HTML Высота строки таблицы
Чтобы установить высоту определенной строки, добавьте атрибут style к элементу строки таблицы:
Пример
Установите высоту второй строки на 200 пикселей:
<table style="width:100%">
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Возраст</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Попробуйте сами »
