Meilleur moyen de centrer le texte dans une cellule de tableau

Si vous êtes un concepteur Web novice, vous pourriez avoir des questions sur la façon de centrer le texte à l'intérieur d'une cellule de tableau. Avec ce guide, maîtrisez cette technique en quelques minutes seulement. C'est facile - même si vous n'avez jamais essayé auparavant.

Commencer

Il est préférable de centrer le texte à l'intérieur d'une cellule avec CSS, comme si vous centriez le texte dans un autre élément de votre page Web. Avant de commencer, toutefois, vous devez décider de ce que vous voulez exactement centrer. Avec une table, vous avez plusieurs options, y compris chaque cellule du tableau. chaque cellule d'en-tête dans la table chaque cellule dans la tête, le corps ou le pied de table. Vous pouvez également centrer une cellule spécifique ou un ensemble de cellules dans le tableau.

En outre, vous devez créer une feuille de style interne dans l'en-tête de votre document ou attachée au document en tant que feuille de style externe. Vous allez mettre les styles au centre de vos cellules de tableau dans cette feuille de style.

Comment centrer chaque cellule de la table

Ajoutez les lignes suivantes à votre feuille de style:

td, th {text-align: center;}

Comment centrer chaque cellule d'en-tête du tableau

Ajoutez les lignes suivantes à votre feuille de style:

th {text-align: center;}

Centrer chaque cellule de la tête de la table, du corps ou du pied

Pour centrer ces cellules, vous devez ajouter des balises de tableau qui ne sont pas toujours utilisées, telles que , et . Ensuite, vous encerclerez vos cellules de table avec ces balises pour identifier la tête, le corps et le pied de la table. Après cela, vous ajouterez les éléments suivants à votre feuille de style:

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

Supprimez les styles pour les zones que vous ne souhaitez pas centrer.

Comment centrer une ou des cellules spécifiques dans un tableau

Pour ce faire, vous devez définir une classe sur les cellules que vous souhaitez centrer.

Ajoutez l'attribut suivant aux cellules de la table que vous souhaitez centrer:

classe = "cellule centrée" >

Ajoutez ensuite les éléments suivants à votre feuille de style:

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

Vous pouvez ajouter cette classe à n'importe quelle cellule de votre tableau.

Emballer

N’hésitez pas à utiliser ces styles sur l’une des cellules de votre tableau. Vous pouvez les utiliser sur des cellules fusionnées ou sur des cellules individuelles et le texte contenu sera centré.