Una forma senzilla de centrar una taula mitjançant CSS

Una línia de codi és tot el que necessiteu per centrar una taula

Fulls d'estil en cascada (CSS) és un llenguatge de full d'estil que s'utilitza més sovint per establir l'estil visual de pàgines web escrites en HTML i XHTML. Pot ser que sigui nou en disseny web o CSS i tingui preguntes sobre com centrar una taula en una pàgina web. També podria ser un dissenyador experimentat que està confós sobre com fer aquesta tècnica ara que l'etiqueta CENTER i l'atribut align = "center" estan obsolets a l'etiqueta TABLE. Amb CSS, centrar les taules en una pàgina web no és gens difícil.

Utilitzeu CSS per centrar una taula

Podeu afegir una sola línia al full d'estils CSS per centrar totes les taules horitzontalment:

o podeu afegir aquesta mateixa línia a la taula directament:

Quan col·loqueu una taula en una pàgina web, la col·loqueu dins d'un element de nivell de bloc com BODY, P, BLOCKQUOTE o DIV. Podeu centrar la taula dins d'aquest element utilitzant el marge: automàtic; estil. Això indica al navegador que els marges siguin iguals a tots els costats de la taula, que situa la taula al centre de la pàgina web.

Alguns navegadors web antics no suporten aquest mètode

Si el vostre lloc ha de suportar un navegador web antic, com ara Internet Explorer 6, haureu de seguir utilitzant align = "center" o l'etiqueta CENTER per centrar les vostres taules. Es tracta de l'única complicació que us farem quan centreu les vostres taules en una pàgina web. L'ús d'aquesta tècnica és fàcil i es pot executar en qüestió de minuts.