Como centrar o texto nunha cela da táboa

Se vostede é un deseñador web novato, pode ter preguntas sobre como centrar o texto dentro dunha cela da táboa. Con esta guía, domine esta técnica en poucos minutos. É doado - aínda que nunca intentou antes.

Comezando

O texto centrado dentro dunha cela é mellor feito con CSS, así como centrarías o texto noutro elemento da túa páxina web. Antes de comezar, non obstante, necesitará decidir que exactamente desexa centrar. Cunha táboa tes varias opcións, incluíndo todas as celas da táboa; cada cela de cabeceira na táboa cada cela na cabeza da mesa, o corpo da táboa ou o pé da mesa. Tamén pode centrar unha cela ou conxunto de celas específicas dentro da táboa.

Ademais, debe crear unha folla de estilo interna no encabezado do documento ou anexa ao documento como unha folla de estilo externa . Colocarás os estilos para centrar as táboas da táboa nesa folla de estilo.

Como centrar cada célula na táboa

Engade as seguintes liñas á túa folla de estilo:

td, th {text-align: center; }

Como centrar cada cela de cabeceira na táboa

Engade as seguintes liñas á túa folla de estilo:

th {text-align: center; }

Centrado cada célula na cabeza da mesa, corpo ou pé

Para centrar estas celas, cómpre engadir etiquetas de táboa que non sempre se usan, como , e . Entón, rodeará as tabelas con estas etiquetas para identificar o xefe da táboa, o corpo e o pé. Despois diso, engadirá o seguinte na súa folla de estilo:

thead th, thead td {text-align: center; } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

Elimina os estilos das áreas que non queres centrar.

Como centrar unha célula ou células específicas nunha táboa

Para iso, necesitas establecer unha clase nas celas que queres centrar.

Engade o seguinte atributo ás celas da táboa que desexas centrar:

class = "centered-cell" >

A continuación, engade o seguinte na súa folla de estilo:

.centered-cell {text-align: center; }

Pode engadir esta clase a calquera cela da súa táboa.

Envoltando

Non dubide en usar estes estilos en calquera das tabelas. Podes usalos en celas combinadas ou en celas individuais e o texto dentro estará centrado.