Свойство table-layout
Устанавливает алгоритм расчета размеров ячеек таблицы
table-layout: fixed;Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Значения
table-layout: auto;
Размер ячеек таблицы задается автоматически в зависимости от содержимого ячеек
<style>
.example-1 {
width: 100%;
table-layout: auto;
}
.example-1 td {
background: #d7e2fa;
}
</style>
<table class="example-1">
<tr>
<td>Имя</td>
<td>Фамилия</td>
<td>Отчество</td>
</tr>
</table>| Имя | Фамилия | Отчество |
table-layout: fixed;
Задает одинаковый размер всех ячеек таблицы
<style>
.example-2 {
width: 100%;
table-layout: fixed;
}
.example-2 td {
background: #d7e2fa;
}
</style>
<table class="example-2">
<tr>
<td>Имя</td>
<td>Фамилия</td>
<td>Отчество</td>
</tr>
</table>| Имя | Фамилия | Отчество |