Tailwind CSS menyediakan “ jelas ” utiliti yang mengawal kelakuan elemen tertentu apabila ia berada di sebelah mana-mana elemen terapung. Sebagai contoh, kelas utiliti 'clear-left' dan 'clear-right' membolehkan pembangun membuat elemen yang ditentukan bergerak di bawah mana-mana elemen terapung kiri atau kanan terapung dalam bekas. Walau bagaimanapun, kadangkala, pengguna ingin melumpuhkan sebarang jelas yang digunakan pada elemen tertentu dan membenarkannya muncul di sebelah elemen terapung. Dalam keadaan sedemikian, utiliti 'clear-none' boleh digunakan untuk menentukan nilai lalai elemen.
Artikel ini akan memberikan contoh prosedur untuk melumpuhkan semua pembersihan yang digunakan dalam CSS Tailwind.
Bagaimana untuk Melumpuhkan Semua Applied Clears dalam Tailwind?
Untuk melumpuhkan semua pembersihan yang digunakan dalam Tailwind, buat fail HTML dan tambahkan “ jelas-tiada ” kelas utiliti dengan elemen yang dikehendaki dalam program HTML. Utiliti ini menetapkan semula mana-mana 'jelas' yang digunakan pada elemen tertentu dan mentakrifkan nilai lalai.
Sintaks
< unsur kelas = 'jelas-tiada' > ... unsur >
Contoh
Dalam contoh ini, kami akan menggunakan ' jelas-tiada ' utiliti dengan ' ” elemen untuk menetapkan semula yang digunakan dikosongkan dan membenarkan ia terapung di sebelah kiri dan kanan:
< badan >
< div kelas = 'h-96 mx-10 p-8 bg-sky-500' >
< img src = 'tailwindcss_img.png' kelas = 'apung-kiri p-3 w-28 h-24' segala-galanya = 'gambar' />
< img src = 'tailwindcss_img.png' kelas = 'terapung-kanan p-3' segala-galanya = 'gambar' />
< hlm kelas = 'jelas-tiada' > Tailwind CSS menyediakan 'jelas' utiliti untuk mengawal pembungkusan kandungan di sekeliling elemen.
Contoh ini akan menunjukkan cara untuk melumpuhkan semua pemadaman yang digunakan pada elemen. Untuk menetapkan semula sebarang pemadaman yang digunakan pada elemen tertentu, 'jelas-tiada' utiliti digunakan. hlm >
div >
badan >
di sini:
- “ terapung-kiri kelas ” mengapungkan elemen
ke sebelah kiri bekas.
- “ terapung-kanan kelas ” mengapungkan elemen
ke sebelah kanan bekas.
- “ jelas-tiada kelas ” melumpuhkan sebarang jelas yang digunakan pada elemen
dan membenarkan elemen terapung di kedua-dua belah.
Pengeluaran
Dalam halaman web di atas, dapat diperhatikan bahawa kandungan terapung di kedua-dua belah bekas. Ini menunjukkan bahawa semua pembersihan yang digunakan telah dilumpuhkan daripada elemen yang ditentukan.
Kesimpulan
Untuk melumpuhkan semua pembersihan yang digunakan dalam Tailwind, gunakan ' jelas-tiada ” kelas utiliti dengan elemen yang dikehendaki dalam program HTML. Utiliti ini menetapkan semula sebarang jelas yang digunakan pada elemen tertentu dan menentukan nilai lalai. Untuk pengesahan, navigasi ke halaman web dan lihat perubahan. Artikel ini telah menunjukkan contoh untuk melumpuhkan semua pembersihan yang digunakan dalam CSS Tailwind.