Si sou un dissenyador web novell, és possible que tingueu preguntes sobre com centrar el text dins d'una cel·la de la taula. Amb aquesta guia, domina aquesta tècnica en pocs minuts. És fàcil, fins i tot si mai heu provat abans.
Començant
Centrar el text dins d'una cel·la es fa millor amb CSS, igual que centrar text en un altre element de la vostra pàgina web. Tanmateix, abans de començar, heu de decidir què és el que voleu centrar-vos exactament. Amb una taula, teniu diverses opcions, incloses totes les cel·les de la taula; cada cèl·lula de capçalera a la taula, cada cel·la al capçal de la taula, el cos de la taula o el peu de taula. També podeu centrar una cel·la o conjunt de cel·les específics dins de la taula.
A més, haureu de crear un full d'estil intern al capdavant del document o adjuntar-lo al document com a full d'estil extern . Posarà els estils per centrar les cel·les de la taula en aquest full d'estils.
Com es centren totes les cel·les a la taula
Afegiu les línies següents al vostre full d'estils:
td, th {text-align: center; }Com es centra cada cel·la de capçalera a la taula
Afegiu les línies següents al vostre full d'estils:
th {text-align: center; }Centrar cada cèl lula al cap, el cos o el peu de la taula
Per centrar aquestes cel·les, heu d'afegir etiquetes de taula que no sempre s'utilitzen, com ara ,
i . Després, envoltarà les cel·les de la taula amb aquestes etiquetes per identificar el cap, el cos i el peu de la taula. Després d'això, afegiu el següent al vostre full d'estils: thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }Traieu els estils de les àrees que no voleu centrar.
Com es centra una cel·la o cel·la específica en una taula
Per fer-ho, heu d'establir una classe a les cel·les que voleu centrar.
Afegiu el següent atribut a les cel·les de la taula que voleu centrar:
A continuació, afegiu el següent al vostre full d'estils:
.centered-cell {text-align: center; }Podeu afegir aquesta classe a qualsevol cel·la de la vostra taula.
Embolcall
No dubti en utilitzar aquests estils en qualsevol de les cel·les de la taula. Podeu utilitzar-les en cel·les combinades o en cel·les individuals i el text dins estarà centrat.