Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menjajarkan Teks dalam Jadual Bootstrap?

Bagaimana untuk Menjajarkan Teks dalam Jadual Bootstrap?

Susan Sarandon
Susan Sarandonasal
2024-10-30 13:40:02347semak imbas

How to Align Text in Bootstrap Tables?

Kelas Penjajaran Teks dalam Bootstrap untuk Elemen Jadual

Pernah perlu menjajarkan teks dalam jadual, seperti angka kewangan, wajar? Bootstrap menyediakan kelas untuk mengendalikan tugas ini dengan mudah.

Bootstrap 3

Untuk menjajarkan teks terus dalam Bootstrap 3, gunakan kelas "teks-kanan".

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

Bootstrap 4

Dalam Bootstrap 4, gunakan "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 memperkenalkan "text-start" dan "text-end":

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

Kelas ini memberikan fleksibiliti untuk penjajaran teks dalam jadual, membolehkan anda mengawal pembentangan dengan mudah data anda.

Atas ialah kandungan terperinci Bagaimana untuk Menjajarkan Teks dalam Jadual Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn