В статье описан прием, с помощью которого можно задать равнение таблицы по центру экрана.
Таблица, как и любой другой элемент верстки, может по-разному располагаться на странице. Сегодня мы поговорим о том, как установить таблицу по центру вашего экрана.
Это сделать довольно просто, необходимо определить ширину нашей таблицы. Имеется в виду задать четкое значение свойству width. Только ширина должна быть менее ширины основного экрана, чтобы наглядность центровки была на должном уровне. Также стоит определить таблице свойство блочного элемента, это делается с помощью display:block;. После этого переходим к ключевому шагу, который и обеспечит выравнивание: прописываем свойство margin, в котором значение боковых отступов будет auto. Тогда левый и правый отступ будет одинаковый и соответствовать оставшемуся свободному месту после определения ширины элемента.
Пример кода
CSS
table { display:block; width:177px; margin:20px auto; }
Как это будет выглядеть в реальных условиях
В каких браузерах работает?
| 9.0+ | 1.0+ | 10.0+ | 4.0+ | 3.6+ | 2.0+ | 2.0+ |
