logo

Kuinka keskittää taulukko CSS:ssä?

Taulukoiden käyttö verkkosivujen suunnittelussa on jännittävä tehtävä. Oletuksena taulukon tasaus on vasemmalle, mutta käyttämällä marginaali ominaisuus CSS:ssä , voimme kohdistaa sen keskelle.

Jos asetamme arvon marginaali vasen ja marginaali-oikea kohtaan auto , selaimet näyttävät taulukon keskellä. Voimme käyttää pikakirjoitusominaisuutta marginaali ja aseta se päälle auto taulukon kohdistamiseen keskelle sen sijaan, että käytät marginaali vasen ja marginaali-oikea omaisuutta.

esimerkki binaarihakupuusta

Sen sijaan, että kohdistaisit taulukon keskelle, tekstin tasaus: keskellä; ominaisuus keskittää vain taulukon sisällön, kuten taulukon sisällä olevan tekstin.

Ymmärretään tämä käyttämällä kuvaa.

Esimerkki

Tässä esimerkissä käytämme tekstin tasaus: keskellä; ominaisuus keskittää sisällön taulukon sisälle ja marginaali vasen: auto; ja marginaali-oikea: auto; pöydän keskittämiseen.

 table, th, td { border: 1px solid black; margin-left: auto; margin-right: auto; border-collapse: collapse; width: 500px; text-align: center; font-size: 20px; } <table class="table"> <tr> <th>First_Name</th> <th>Last_Name</th> <th>Subject</th> <th>Marks</th> </tr> <tr> <td>James</td><td>Gosling</td><td>Maths</td><td>92</td> </tr> <tr> <td>Alan</td><td>Rickman</td><td>Maths</td><td>89</td> </tr> <tr> <td>Sam</td><td>Mendes</td><td>Maths</td><td>82</td> </tr> </table> 
Testaa nyt

Lähtö

kuinka luoda satunnaislukuja javassa
Kuinka keskittää taulukko CSS:ssä?