Едноставен начин за центрирање на табела користејќи CSS

Една линија на код е се што треба да ја центрирате масата

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

Користете CSS за да ја центрирате табелата

Можете да додадете една линија во вашиот CSS стилски лист за да ги насочите сите табели хоризонтално:

маса (маргина: авто; }

или можете директно да додадете истата линија на вашата табела:

Кога ставате табела во веб-страница, ја ставате во елемент на блок-ниво, како што се BODY, P, BLOCKQUOTE или DIV. Можете да ја центрирате масата во тој елемент со користење на маргината: авто; стил. Ова му кажува на прелистувачот да ги направи маргините на сите страни на табелата еднакви, што ја поставува табелата во центарот на веб-страницата.

Некои Постари веб прелистувачи Не го поддржувајте овој метод

Ако вашиот сајт мора да поддржува постар веб прелистувач, како што е Internet Explorer 6, тогаш треба да продолжите да користите align = "center" или CENTER таг за да ги центрирате вашите маси. Станува збор за единствена компликација во која ќе наидете при центрирање на вашите маси на веб-страница. Користењето на оваа техника е лесно и може да се изврши за неколку минути.