Skip to main content

Kuinka keskittää taulukko CSS: n avulla

American Radical, Pacifist and Activist for Nonviolent Social Change: David Dellinger Interview (Huhtikuu 2025)

American Radical, Pacifist and Activist for Nonviolent Social Change: David Dellinger Interview (Huhtikuu 2025)
Anonim

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:

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 käyttämällä marginaali: auto; tyyli. Tämä kertoo selaimelle, että taulukon reunojen marginaalit ovat yhtä suuret, mikä asettaa taulukon keskelle verkkosivun.

Jotkin vanhemmat verkkoselaimet eivät tue tätä menetelmää

Jos sivustosi on tuettava vanhempaa verkkoselainta, kuten Internet Explorer 6: a, sinun on edelleen käytettäväalign = "center" tai CENTER-tunnistetta keskittääksesi taulukot. 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.