如何对齐 Bootstrap 表中的文本？

Bootstrap 中表格元素的文本对齐类

是否需要将表格内的文本（例如财务数字）右对齐？ Bootstrap 提供了一些类来轻松处理此任务。

Bootstrap 3

要在 Bootstrap 3 中右对齐文本，请使用“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

在 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 引入了“text-start”和“text-end”：

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

这些类为表格内的文本对齐提供了灵活性，使您可以轻松控制演示文稿您的数据。

以上是如何对齐 Bootstrap 表中的文本？的详细内容。更多信息请关注PHP中文网其他相关文章！