Si usted es un diseñador Web principiante, podría tener preguntas sobre cómo centrar el texto dentro de una celda de tabla. Con esta guía, domine esta técnica en pocos minutos. Es fácil, aunque nunca lo hayas intentado antes.
Índice de contenidos
Introducción
Centrar el texto dentro de una celda se hace mejor con CSS, al igual que centrarías el texto en otro elemento de tu página Web. Antes de comenzar, sin embargo, usted necesita decidir qué es exactamente lo que desea centrar. Con una tabla, tiene varias opciones, incluyendo cada celda en la tabla; cada celda de encabezado en la tabla, cada celda en el encabezado de la tabla, el cuerpo de la tabla o el pie de la tabla. También puede centrar una celda específica o un conjunto de celdas dentro de la tabla.
Además, debe crear una hoja de estilo interna en la cabecera del documento o adjuntarla al documento como hoja de estilo externa. Pondrá los estilos para centrar las celdas de su tabla en esa hoja de estilo.
Cómo Centrar Cada Celda en la Tabla
Añada las siguientes líneas a su hoja de estilo:
td,th {
text-align: center;
}
Cómo Centrar Cada Celda de Encabezado en la Tabla
Añada las siguientes líneas a su hoja de estilo:
th {
text-align: center;
}
Centrando Cada Célula en la Cabeza de la Mesa, Cuerpo o Pie
Para centrar estas celdas, es necesario añadir etiquetas de tabla que no siempre se utilizan, tales como , y . Luego, rodeará las celdas de la tabla con estas etiquetas para identificar la cabeza, el cuerpo y el pie de la tabla. Después de eso, agregará lo siguiente a su hoja de estilo:
thead th, thead td {
text-align: center;
}
tbody th, tbody td {
text-align: center;
}
tfoot th, tfoot td {
text-align: center;
}
Elimine los estilos de las áreas que no desea que estén centradas.
Cómo Centrar una Celda o Celdas Específicas en una Tabla
Para hacer esto, necesita establecer una clase en las celdas que desea centrar.
Añada el siguiente atributo a las celdas de la tabla que desea centrar:
Luego agregue lo siguiente a su hoja de estilo:
.centradatext-align: center;
}
Puede agregar esta clase a cualquier celda de su tabla.
Envolviendo
No dude en usar estos estilos en cualquiera de sus celdas de tabla. Puede usarlos en celdas combinadas o en celdas individuales y el texto dentro de ellas estará centrado.
