Wie richtet man Text in Bootstrap-Tabellen aus?

Textausrichtungsklassen in Bootstrap für Tabellenelemente

Müssen Sie jemals Text in einer Tabelle, z. B. Finanzzahlen, rechtsbündig ausrichten? Bootstrap bietet Klassen, um diese Aufgabe mühelos zu bewältigen.

Bootstrap 3

Um Text in Bootstrap 3 richtig auszurichten, verwenden Sie die Klasse „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

Verwenden Sie in Bootstrap 4 „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 führt „text-start“ und „text-end“ ein:

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

Diese Klassen bieten Flexibilität für die Textausrichtung innerhalb von Tabellen, sodass Sie die Präsentation einfach steuern können Ihrer Daten.

Das obige ist der detaillierte Inhalt vonWie richtet man Text in Bootstrap-Tabellen aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!