Как сделать - Центральные столы
Узнайте, как центрировать таблицу с помощью CSS.
Центрированная таблица:
Имя | Фамилия | Возраст |
---|---|---|
Джилл | Смит | 50 |
канун | Джексон | 94 |
Джон | Доу | 80 |
Как центрировать таблицы
Шаг 1) Добавьте HTML:
Пример
<table class="center">
<tr>
<th>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>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
Шаг 2) Добавьте CSS:
Чтобы отцентрировать таблицу, установите для левого и правого полей значение auto
:
Пример
.center {
margin-left: auto;
margin-right: auto;
}
Обратите внимание, что таблица не может быть центрирована, если ширина установлена на 100% (полная ширина).
Совет: перейдите к нашему руководству по таблицам CSS , чтобы узнать больше о том, как стилизовать таблицы.