Maison > interface Web > tutoriel CSS > Comment aligner le texte dans les tableaux à l'aide de Bootstrap ?

Comment aligner le texte dans les tableaux à l'aide de Bootstrap ?

Patricia Arquette
Libérer: 2024-11-01 12:01:02
original
911 Les gens l'ont consulté

How do I align text in tables using Bootstrap?

Classes d'alignement de texte dans Bootstrap

Dans Bootstrap, différentes classes d'alignement de texte sont disponibles pour aligner le texte dans les tableaux.

Bootstrap 3

  • text-left : aligne le texte à gauche.
  • text-center : centre le texte horizontalement.
  • text-right : aligne le texte à droite.
  • text-justify : justifie le texte sur toute la largeur .
  • text-nowrap : empêche le texte emballage.

Exemple :

<code class="html"><th class="text-right">Total</th>
<td>,000,000.00</td></code>
Copier après la connexion

Bootstrap 4

Semblable à Bootstrap 3, Bootstrap 4 fournit également des classes d'alignement de texte :

  • text-xs-left : aligne le texte à gauche dans toutes les fenêtres tailles.
  • text-xs-center : centre le texte sur toutes les tailles de fenêtre.
  • text-xs-right : aligne le texte à droite sur toutes les tailles de fenêtre.
  • De plus, text-sm-left, text-md-left, text-lg-left et text-xl-left spécifient l'alignement à gauche pour des tailles de fenêtre spécifiques (par exemple, sm pour petit, md pour moyen, etc.).

Bootstrap 5

Dans Bootstrap 5, text-left a été remplacé par text-start, et text-right a été remplacé par text-end. Sinon, les classes d'alignement du texte restent les mêmes.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal