Sitemap

Una tabla es una excelente manera de presentar mucha información de manera organizada.Los datos de ventas, el tráfico de la página web, las tendencias del mercado de valores y las calificaciones de los estudiantes son ejemplos de información que a menudo se presenta en tablas.

Al agregar una tabla a una página web mediante HTML, puede resultar más atractivo centrarla en la página.El centrado de texto e imágenes generalmente se realiza a través de la clase de alineación de texto o mediante CSS, pero centrar una tabla requiere un enfoque diferente.A continuación se proporcionan detalles sobre cómo centrar una tabla en una página web.

Centrar una tabla en HTML

Al agregar una tabla a una página web, de forma predeterminada, se alinea al lado izquierdo de la página o contenedor, como se muestra a continuación.

GOLPES MES AUMENTO TOTAL
324,497 enero de 1998 -
436,699 febrero de 1998 112,172

El código fuente HTML de la tabla anterior es el siguiente.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Para centrar esta tabla, debe agregar ;margin-left:auto;margin-right:auto; hasta el final de laatributo de estilo en la etiqueta

.La etiqueta de la tabla tendría el siguiente aspecto.

Cambiar el atributo de estilo en la etiqueta

, como se muestra arriba, hace que la tabla se centre en la página web, como se muestra a continuación.
GOLPES MES AUMENTO TOTAL
324,497 enero de 1998 -
436,699 febrero de 1998 112,172
Consejo

Puede agregar parámetros al atributo de estilo en la etiqueta

para hacer que la tabla sea más atractiva a la vista.Adición de relleno: 2px; y espacio entre bordes: 20px; agrega espacio entre los puntos de datos y el borde para mejorar la legibilidad.

Información relacionada

Todas las categorias: Mensaje de reparación de errores