Skip to main content

Cómo centrar una tabla usando CSS

Tutorial Como Centrar Vertical y Horizontalmente con CSS (Abril 2025)

Tutorial Como Centrar Vertical y Horizontalmente con CSS (Abril 2025)
Anonim

Las hojas de estilo en cascada (CSS) son un lenguaje de hojas de estilo que se usa con más frecuencia para configurar el estilo visual de las páginas web escritas en HTML y XHTML. Es posible que sea nuevo en diseño web o CSS y tenga preguntas sobre cómo centrar una tabla en una página web. También puede ser un diseñador experimentado que esté confundido acerca de cómo realizar esta técnica ahora que la etiqueta CENTRE y el atributo align = "center" están en desuso en la etiqueta TABLE. Con CSS, centrar las tablas en una página web no es nada difícil.

Usa CSS para centrar una tabla

Puede agregar una sola línea a su hoja de estilo CSS para centrar todas las tablas horizontalmente:

o puede agregar esa misma línea a su tabla directamente:

Cuando coloca una tabla en una página web, la coloca dentro de un elemento a nivel de bloque, como BODY, P, BLOCKQUOTE o DIV. Puede centrar la tabla dentro de ese elemento usando la margen: auto; estilo. Esto le dice al navegador que haga que los márgenes en todos los lados de la tabla sean iguales, lo que coloca a la tabla en el centro de la página web.

Algunos navegadores web más antiguos no admiten este método

Si su sitio debe ser compatible con un navegador web más antiguo, como Internet Explorer 6, entonces debe continuar usandoalign = "center" o la etiqueta CENTRO para centrar tus mesas. Esa es la única complicación con la que se encontrará al centrar sus tablas en una página web. Usar esta técnica es fácil y puede ejecutarse en cuestión de minutos.