Един лесен начин да центрирате таблица, използвайки CSS

Един ред код е всичко, което трябва да центрирате таблица

Cascading Style Sheets (CSS) е най-често използваният език за стил на писане, който се използва за задаване на визуален стил на уеб страници, написани в HTML и XHTML. Може да сте нови в уеб дизайна или CSS и да имате въпроси относно това как да центрирате таблица на уеб страница. Вие също може да бъде опитен дизайнер, който е объркан за това как да изпълнява тази техника сега, когато маркерът CENTER и align = "center" са отхвърлени в табелката TABLE. С помощта на CSS центрованите таблици на уеб страница не са трудни.

Използвайте CSS за центриране на таблица

Можете да добавите само един ред в листа стил за CSS, за да центрирате всички таблици хоризонтално:

таблица {margin: auto; }

или можете да добавите директно към таблицата си същия ред:

Когато поставите таблица в уеб страница, я поставяте в елемент на ниво блок като BODY, P, BLOCKQUOTE или DIV. Можете да центрирате таблицата в рамките на този елемент, като използвате маржа: auto; стил. Това показва на браузъра, че маржовете от всички страни на масата са еднакви, което поставя таблицата в центъра на уеб страницата.

Някои по-стари браузъри не поддържат този метод

Ако сайтът Ви трябва да поддържа по-стар уеб браузър, като Internet Explorer 6, трябва да продължите да използвате align = "center" или маркера CENTER, за да центрирате таблиците си. Това е единственото усложнение, което ще срещнете, когато центрирате таблиците си на уеб страница. Използването на тази техника е лесно и може да бъде изпълнено за броени минути.