Jos olet noviisi Web-suunnittelija, sinulla voi olla kysymyksiä siitä, miten keskitetään teksti taulukon soluun. Tässä oppaassa hallinnoi tätä tekniikkaa vain muutamassa minuutissa. Se on helppoa - vaikka et ole koskaan yrittänyt ennen.
Päästä alkuun
Solun sisällä oleva keskitysmateriaali on parhaiten CSS: llä, aivan kuten keskität tekstin toiseen elementtiin verkkosivustossasi. Ennen kuin aloitat, sinun on kuitenkin päätettävä, mitä haluat keskittää. Pöydällä on useita vaihtoehtoja, mukaan lukien taulukon jokainen solu; taulukon jokainen otsikkosolu taulukon pään, pöydän rungon tai pöytäjalan jokaisen solun kohdalla. Voit myös keskittää tietyn solun tai sarjan soluja taulukon sisällä.
Lisäksi sinun on luotava sisäinen tyyliarkki asiakirjan päähän tai liitetty asiakirjaan ulkoisena tyylialustana . Teet tyylit keskittävän taulukon solut kyseiseen tyyliarkiin.
Miten keskitän jokaisen solun taulukkoon
Lisää tyylisivuille seuraavat rivit:
td, th {teksti-align: center; }Kuinka keskittää jokaisen otsikkosolun taulukkoon
Lisää tyylisivuille seuraavat rivit:
th {teksti-align: center; }Keskittää jokaisen solun pöydän päähän, kehoon tai jalkaan
Näiden solujen keskittämiseksi sinun on lisättävä taulukkotunnisteita, joita ei aina käytetä, kuten ,
ja . Sitten ympäröit taulukon solut näillä tunnisteilla tunnistamaan pöydän pään, kehon ja jalan. Tämän jälkeen lisätään tyyliasi seuraava teksti: thead th, thead td {teksti-align: center; } tbody th, tbody td {teksti-align: center; } tfoot th, tfoot td {teksti-align: center; }Poista tyylit alueille, joita et halua keskittää.
Miten keskitetään tietty solu tai solut taulukkoon
Tätä varten sinun on asetettava luokka soluihin, joihin haluat keskittää.
Lisää seuraava attribuutti taulukon soluihin, jotka haluat keskittää:
Lisää sitten tyyliasi seuraava:
.centered-cell {text-align: center; }Voit lisätä tämän luokan mihin tahansa taulukon soluun.
Käärimistä
Älä epäröi käyttää näitä tyylejä millä tahansa taulukon soluista. Voit käyttää niitä yhdistetyissä soluissa tai yksittäisissä soluissa ja tekstin keskellä.