Свойство 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>
Имя Фамилия Отчество

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии