Unha forma sinxela de centrar unha táboa usando CSS

Unha liña de código é todo o que necesitas para centrar unha táboa

Follas de estilo en cascada (CSS) é unha linguaxe de folla de estilo máis usado para definir o estilo visual das páxinas web escritas en HTML e XHTML. Pode ser novo para o deseño web ou CSS e ter dúbidas sobre como centrar unha táboa nunha páxina web. Tamén pode ser un deseñador experimentado que está confuso sobre como realizar esta técnica agora que a etiqueta CENTER e o atributo align = "center" están desfasados ​​na etiqueta TABLE. Con CSS, centrar táboas nunha páxina web non é nada difícil.

Use CSS para centrar unha táboa

Pode engadir unha única liña á súa folla de estilo CSS para centrar todas as táboas horizontalmente:

táboa {marxe: auto; }

ou pode engadir esa mesma liña directamente á táboa:

Cando coloque unha táboa nunha páxina web, colócaa nun elemento de bloque como BODY, P, BLOCKQUOTE ou DIV. Pode centrar a táboa dentro dese elemento empregando a marxe: auto; estilo. Isto indícao ao navegador para que as marxes de todas as partes da mesa sexan iguais, que sitúan a táboa no centro da páxina web.

Algúns navegadores web máis antigos non admiten este método

Se o seu sitio web debe soportar un navegador web máis antigo, como Internet Explorer 6, entón necesitará continuar usando align = "center" ou a etiqueta CENTER para centrar as táboas. Esta é a única complicación coa que centrarás as táboas nunha páxina web. Usar esta técnica é doado e pode ser executado en cuestión de minutos.