Apakah kegunaan clear dalam css

WBOY
Lepaskan: 2022-04-15 15:24:19
asal
6068 orang telah melayarinya

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>
Salin selepas log masuk

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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan