Как выровнять таблицу по центру горизонтали

Как выровнять таблицу по центру?

Выравнивание таблицы по центру горизонтали работает только в случае, когда явно задана ширина таблицы через свойство width. При соблюдении этого условия для селектора table следует задать свойство margin со значением auto . Оно обозначает, что отступы вокруг таблицы вычисляются автоматически, это как раз и приводит к её центрированию (пример 1).

Пример 1. Использование margin

Таблица в центре окна

Балбес	Бывалый
Трус	Шурик

Результат данного примера показан на рис. 1.

Выравнивание таблицы с помощью стилей

Рис. 1. Выравнивание таблицы с помощью стилей

См. также

height
margin
margin в CSS
width
Абсолютное позиционирование
Блочные элементы
Выравнивание с помощью флексбоксов
Высота и ширина в CSS
Колесо для сокращённых свойств
Открываем блочную модель
Поток
Примеры использования float
Размеры
Размеры блока
Свойство margin
Создание флексбоксов
Строчные элементы
Схлопывающиеся margin

Как выровнять таблицу по центру окна браузера?

Выровнять таблицу по центру горизонтали окна браузера.

Решение

Выравнивание таблицы работает только в случае, когда явно задана её ширина и она меньше 100%. При соблюдении этих условий для селектора table следует задать свойство margin со значением auto . Оно обозначает, что отступы от таблицы вычисляются автоматически, это как раз и приводит к её центрированию (пример 1).

Пример 1. Использование margin

HTML5 CSS 2.1 IE Cr Op Sa Fx

    Таблица в центре окна     Балбес  Бывалый  
 Трус  Шурик

Результат данного примера показан на рис. 1.

Выравнивание таблицы с помощью стилей

Рис. 1. Выравнивание таблицы с помощью стилей

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Как расположить таблицу по центру страницы

Андрей Куличев, автор Инструкции по оформлению текстовой документации, предлагает простой способ расположить таблицу прямо по центру страницы по вертикали.

На форуме была тема, где спрашивали, как расположить таблицу по центру страницы. Я даже выкладывал там макрос для отдельно взятого документа (шахматки).

Но вот недавно, разбираясь с документаторами с необычным поведением таблицы обнаружил следующую вещь, которая позволяет возможностями ворда расположить таблицы по центру страницы по вертикали. Для этого в Word 2003 нужно проделать следующие действия:

1. Установить курсор внутри таблицы.

2. Открыть окно свойств таблицы (меню «Таблица» — «Свойства таблицы. «).

3. Перейти на вкладку «Таблица»

4. В области «Обтекание» выставить «вокруг»

5. Нажать кнопку «Размещение. «

6. В открывшемся окне «Размещение таблицы» в области «По вертикали» выбрать в поле «положение:» элемент «от центра», а в поле «относительно:» элемент «Страницы».

Эти же действия можно записать простым макросом:

Sub TableCenterPosition() With Selection.Tables(1).Rows .VerticalPosition = wdTableCenter .RelativeVerticalPosition = wdRelativeVerticalPositionPage .AllowOverlap = False End With End Sub

Думаю, кому-то это может пригодиться, раз уже несколько раз задавали вопросы на форуме.