Si eres un diseñador web novato, es posible que tengas preguntas sobre cómo centrar el texto dentro de una celda de la tabla. Con esta guía, domina esta técnica en solo unos minutos. Es fácil, incluso si nunca lo has intentado.
Empezando
Centrar el texto dentro de una celda se hace mejor con CSS, tal como centrarías el texto en otro elemento de tu página web. Sin embargo, antes de comenzar, debe decidir qué desea centrar exactamente. Con una tabla, tiene varias opciones, incluyendo cada celda de la tabla; cada celda de encabezado en la tabla cada celda en la cabecera de la tabla, cuerpo de la tabla o pie de 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 de su documento o adjuntarla al documento como una hoja de estilo externa. Colocará los estilos para centrar las celdas de la tabla en esa hoja de estilo.
Cómo centrar cada celda en la tabla
Agrega las siguientes líneas a tu hoja de estilo:
td, th {text-align: center;} Agrega las siguientes líneas a tu hoja de estilo: th {text-align: center;} Para centrar estas celdas, debe agregar etiquetas de tabla que no siempre se usan, como , thead th, thead td {text-align: center;}ttu tc tcctext-align: center;}pie t, t pie tdtext-align: center;}
Elimine los estilos para las áreas en las que no quiere estar centrado. Para hacer esto, necesita establecer una clase en las celdas que desea centrar. Agregue el siguiente atributo a las celdas de la tabla que desea centrar: Luego agrega lo siguiente a tu hoja de estilo: célula centradatext-align: center;}
Puedes agregar esta clase a cualquier celda de tu tabla. No dude en usar estos estilos en cualquiera de las celdas de su tabla. Puede usarlos en celdas combinadas o en celdas individuales y el texto se centrará. Cómo centrar cada celda de encabezado en la tabla
Centrando cada celda en la cabeza de la mesa, cuerpo o pie
Cómo centrar una célula o células específicas en una tabla
clase = "célula centrada" >
Terminando
