Lihtne viis tabeli keskpunktiks, kasutades CSS-i

Üks koodi rida on kõik, mida pead tabeli keskpunkti tegema

Cascading Style Sheets (CSS) on stiililehtede keel, mida kasutatakse kõige sagedamini HTML-i ja XHTML- i kirjutatud veebilehtede visuaalse stiili määramiseks. Võite olla uus veebidisain või CSS ja teil on küsimusi selle kohta, kuidas tabelit veebilehel keskenduda. Võite olla ka kogenud disainer, kes on segaduses selles, kuidas seda tehnikat nüüd kasutada, kuna atribuut CENTER ja align = "centre" on TABLE-sildist eemal. CSS-i abil ei ole lehtede tsentreerimine üldse keeruline.

Tabeli keskus kasutades CSS-i

Saate lisada oma CSS-i stiili lehele ühe rea, et kõik tabelid horisontaalselt asetada:

tabel {margin: auto; }

või saate sama lahtri lisada oma lauale otse:

Kui paigutate tabeli veebi lehele, asetate selle ploki tasandi elemendi , näiteks BODY, P, BLOCKQUOTE või DIV. Selles elemendis saab tabelit keskenduda, kasutades marginaali: auto; stiil. See ütleb brauserile, et tabeli kõigil külgedel olevad servad on võrdsed, mis asetab tabeli veebilehe keskosas.

Mõned vanemad veebibrauserid ei toeta seda meetodit

Kui teie sait peab toetama vanemat veebibrauserit, näiteks Internet Explorer 6, peate oma tabelite keskendamiseks jätkama jooni = center või CENTER-märgendit. See on ainus probleem, millega sa tabelisid oma veebisaidile tsentreerides hakkama saan. Selle meetodi kasutamine on lihtne ja seda saab täita mõne minuti jooksul.