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中文网其他相关文章!