Yksinkertainen tapa keskittää taulukko CSS: n avulla

Yksi koodirivi on kaikki, mitä haluat keskittää taulukko

CSS-tyylitiedostot (CSS) on tyylisivu-kieli, jota useimmiten käytetään HTML- ja XHTML-muotoisten verkkosivujen visuaaliseen tyyliin. Saatat olla uusi web-suunnittelu tai CSS ja sinulla on kysymyksiä siitä, miten keskittää taulukko verkkosivuilla. Voit myös olla kokenut suunnittelija, joka on hämmentynyt siitä, miten tämä tekniikka toteutetaan nyt, kun CENTER-tunniste ja align = "center" -attribuutti ovat vanhentuneet TABLE-tunnisteeseen. CSS: n avulla verkkosivun keskitystaulukoita ei ole lainkaan vaikea.

Käytä CSS keskustaa taulukko

Voit lisätä yhden rivin CSS-tyyppikilpiisi keskittääksesi kaikki taulukot vaakasuoraan:

taulukko {marginaali: auto; }

tai voit lisätä saman rivin suoraan taulukkoon:

Kun sijoitat taulukon verkkosivuun, sijoitat sen lohkotason elementtiin , kuten BODY, P, BLOCKQUOTE tai DIV. Voit keskittää kyseisen elementin taulukon marginaalin avulla: auto; tyyli. Tämä kertoo selaimelle, että taulukon reunojen marginaalit ovat yhtä suuret, mikä asettaa taulukon keskelle verkkosivun.

Jotkut vanhemmat selaimet eivät tue tätä menetelmää

Jos sivustosi on tuettava vanhaa WWW-selainta, kuten Internet Explorer 6: a, sinun on jatkettava keskustietokenttien käyttämistä align = "center" tai CENTER-tunnisteella. Kyse on siitä ainoasta komplikaatiosta, jota sinun tulee esiin keskittymällä taulukoihisi verkkosivulla. Tämän tekniikan käyttäminen on helppoa ja se voidaan toteuttaa muutamassa minuutissa.