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;} Lisää tyylisivuille seuraavat rivit: th {teksti-align: center;} Näiden solujen keskittämiseksi sinun on lisättävä taulukkotunnisteita, joita ei aina käytetä, kuten , 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ää. 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 {teksti-align: center;}
Voit lisätä tämän luokan mihin tahansa taulukon soluun. Ä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ä. Kuinka keskittää jokaisen otsikkosolun taulukkoon
Keskittää jokaisen solun pöydän päähän, kehoon tai jalkaan
Miten keskitetään tietty solu tai solut taulukkoon
class = "keskitetty-solu" >
Käärimistä
