Bagaimanakah Saya Boleh Menjajarkan Teks Di Dalam Jadual Menggunakan Kelas CSS Bootstrap?

Cara Menjajarkan Teks Di Dalam Jadual Menggunakan Kelas CSS

Rangka kerja Bootstrap Twitter menawarkan set kelas CSS yang mantap untuk menjajarkan teks dalam elemen HTML . Kelas ini boleh digunakan pada elemen jadual untuk mencapai penjajaran yang diingini.

Bootstrap 3

Untuk Bootstrap 3, kelas berikut boleh digunakan untuk menjajarkan teks dalam sel jadual :

• .teks-kiri: Teks dijajar ke kiri
• .pusat-teks: Teks dijajar ke tengah
• .teks-kanan: Teks dijajar ke kanan

Contoh:

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

Bootstrap 4

Bootstrap 4 memperkenalkan kawalan yang lebih berbutir ke atas penjajaran teks, membolehkan anda untuk menentukan penjajaran berbeza untuk saiz viewport yang berbeza. Kelas berikut tersedia:

• .text-xs-left: Teks dijajar kiri pada semua saiz viewport
• .text-xs-center: Teks sejajar tengah pada semua viewport saiz
• .text-xs-kanan: Teks dijajar kanan pada semua saiz viewport
• .text-sm-left: Teks dijajar ke kiri pada viewport bersaiz SM (kecil) atau lebih luas
• .text-md-left: Teks dijajar kiri pada viewport bersaiz MD (sederhana) atau lebih luas
• .text-lg-left: Teks dijajar kiri pada viewport bersaiz LG (besar) atau lebih luas
• .text-xl-left: Teks dijajar kiri pada viewport bersaiz XL (lebih besar) atau lebih lebar

Bootstrap 5

Dalam Bootstrap 5, .text-left telah digantikan dengan .text-start dan .text-right telah digantikan dengan .text-end. Jika tidak, pilihan penjajaran kekal sama.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menjajarkan Teks Di Dalam Jadual Menggunakan Kelas CSS Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!