如何使用 Bootstrap 對齊表格中的文字？

Bootstrap 中的文字對齊類別

在 Bootstrap 中，有各種文字對齊類別可用於對齊表格內的文字。

引導程式3

• text-left：將文字左對齊。
• text-center：將文字水平置中。
• text-right：將文字對齊右邊。
• text-justify：在整個文字中對齊文字寬度。
• text-nowrap：防止文字換行。

範例：

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

Bootstrap 4

與Bootstrap 3 類似，Bootstrap 4 也提供了文字功能對齊：

• text-xs-left：在所有視口尺寸上左對齊文字。
• text-xs-center：在所有視口尺寸上將文字置中。
• text-xs-right：在所有視口尺寸上右對齊文字。
• 此外， text-sm-left、text-md-left、text-lg-left 和text-xl-left 指定特定視口大小的左對齊（例如，sm 表示小，md 表示中等） 。

Bootstrap 5

在 Bootstrap 5 中，text-left 已替換為text-start 和 text-right 已替換為 text-end。否則，文字對齊類別保持不變。

以上是如何使用 Bootstrap 對齊表格中的文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！