Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kegunaan clear dalam css

Apakah kegunaan clear dalam css

WBOY
WBOYasal
2022-04-15 15:24:196055semak imbas

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. }".

Apakah kegunaan clear dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah kegunaan clear dalam css

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:

Apakah kegunaan clear dalam css

(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!

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