Rumah > Artikel > hujung hadapan web > Apakah kegunaan clear dalam css
Dalam CSS, atribut jelas digunakan untuk mengosongkan kesan terapung unsur ini boleh menentukan kesan unsur terapung di sebelah kiri atau kanan perenggan nilai lalai atribut ini ialah tiada , yang bermaksud bahawa unsur terapung dibenarkan untuk muncul dalam Di kedua-dua belah pihak, anda juga boleh menetapkan bahawa tidak boleh ada unsur terapung di sebelah kiri, kanan atau kiri dan kanan elemen Sintaks ialah "elemen {clear: attribute value. }".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Fungsi clear dalam css adalah untuk mengosongkan kesan terapung unsur. Atribut
jelas menyatakan bahawa unsur terapung tidak dibenarkan di sebelah kiri atau kanan perenggan.
Dalam CSS1 dan CSS2, ini dicapai dengan menambahkan jidar atas secara automatik untuk mengosongkan elemen (iaitu, elemen dengan set atribut yang jelas). Dalam CSS2.1, ruang kosong ditambah di atas margin atas elemen, tetapi margin itu sendiri tidak berubah.
Tidak kira perubahan yang dibuat, hasil akhirnya adalah sama Jika ia diisytiharkan sebagai kiri atau kanan jelas, sempadan luar atas elemen akan berada betul-betul di bawah jidar bawah unsur terapung pada bahagian itu. sebelah.
jelas nilai atribut:
eft Tiada unsur terapung dibenarkan di sebelah kiri.
kanan tidak membenarkan unsur terapung di sebelah kanan.
Kedua-duanya membenarkan elemen terapung di sebelah kiri dan kanan.
tiada Nilai lalai. Membenarkan elemen terapung muncul di kedua-dua belah.
warisan menyatakan bahawa nilai atribut jelas harus diwarisi daripada elemen induk.
Contohnya seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> img { float:left; } p.clear { clear:both; } </style> </head> <body> <img src="logocss.gif" style="max-width:90%" style="max-width:90%" / alt="Apakah kegunaan clear dalam css" > <p>This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</p> <p class="clear">This is also some text. This is also some text. This is also some text. This is also some text. This is also some text. This is also some text.</p> </body> </html>
Hasil output:
(Pembelajaran perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah kegunaan clear dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!