Maison  >  Article  >  interface Web  >  Comment centrer le texte dans un tableau CSS

Comment centrer le texte dans un tableau CSS

WBOY
WBOYoriginal
2021-11-25 16:22:0412210parcourir

En CSS, vous pouvez utiliser l'attribut "text-align" pour définir l'alignement central du texte du tableau. Cet attribut est utilisé pour définir l'alignement du texte. La syntaxe est "table Object{text-align:center;}".

Comment centrer le texte dans un tableau CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Comment centrer le texte dans un tableau CSS

En CSS, vous pouvez définir l'alignement central du contenu du tableau via l'attribut text-align L'attribut text-align spécifie l'alignement horizontal du texte dans. l'élément.

Cet attribut définit l'alignement horizontal du texte dans les éléments de niveau bloc en spécifiant le point auquel la zone de ligne est alignée. La valeur justifier est prise en charge en permettant aux agents utilisateurs d'ajuster l'espacement entre les lettres et les mots dans le contenu de la ligne. Différents agents utilisateurs peuvent obtenir des résultats différents ;

Jetons un coup d'œil à l'opération spécifique à travers un exemple. L'exemple est le suivant :

<html>
<body>
<style>
td{
text-align:center;
}
</style>
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>100</td>
    <td>100</td>
  </tr>
</table>
</body>
</html>

Résultat de sortie :

Comment centrer le texte dans un tableau CSS

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn