」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何使用 Twitter Bootstrap 對齊表格中的文字?

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

發佈於2024-11-15
瀏覽:844

How can I align text in tables using Twitter Bootstrap?

Twitter Bootstrap 中的表格文字對齊

在Twitter 的Bootstrap 架構中,您可以使用指定的文字對齊類別來對齊表格內的文本。

Bootstrap 3

  • text-left:左對齊文字
  • text-center:居中對齊文字
  • text -right:右對齊文字

Bootstrap 4

  • text-xs-{left|center|right}:對齊所有視窗的文字尺寸
  • text-{sm|md|lg|xl}- {left|center|right}:根據特定視窗尺寸對齊文字

Bootstrap 5

  • text-start:左對齊文字(替換text-left)
  • text-end:右對齊對齊文字(替換文字右)

範例:

將表格儲存格中的總計向右對齊:

Total
$1,000,000.00

附加說明:

  • 提供的範例對齊表格標題(th)和資料中的文字cells (td).
  • 有關文字對齊的更多詳細資訊請參閱官方 Bootstrap 文件類。
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3