Maison  >  Article  >  interface Web  >  Comment aligner le texte dans les tableaux Bootstrap ?

Comment aligner le texte dans les tableaux Bootstrap ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-30 13:40:02347parcourir

How to Align Text in Bootstrap Tables?

Classes d'alignement de texte dans Bootstrap pour les éléments de tableau

Avez-vous déjà eu besoin d'aligner du texte dans un tableau, tel que des chiffres financiers, justifié à droite ? Bootstrap fournit des classes pour gérer cette tâche sans effort.

Bootstrap 3

Pour aligner le texte directement dans Bootstrap 3, utilisez la classe "text-right".

<code class="html"><th><span class="text-right">Total</span></th>
<td><span class="text-right">,000,000.00</span></td></code>

Bootstrap 4

Dans Bootstrap 4, utilisez "text-{breakpoint}-{alignment}":

<code class="html"><p class="text-xs-left">Left-aligned on all viewports</p>
<p class="text-lg-right">Right-aligned on large and wider viewports</p></code>

Bootstrap 5

Bootstrap 5 introduit "text-start" et "text-end" :

<code class="html"><p class="text-start">Left-aligned text</p>
<p class="text-end">Right-aligned text</p></code>

Ces classes offrent une flexibilité pour l'alignement du texte dans les tableaux, vous permettant de contrôler facilement la présentation de vos données.

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