Dalam CSS, atribut terapung ialah "float", yang digunakan untuk menentukan arah di mana elemen terapung Tiga nilai atributnya ialah: 1. "kiri", yang mentakrifkan elemen terapung ke kiri; 2. "kanan" , mentakrifkan elemen terapung ke kanan; 3. "tiada", mentakrifkan elemen tidak terapung.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam CSS, atribut apungan ialah "float", yang digunakan untuk menentukan arah unsur terapung.
Dulu sifat ini sentiasa digunakan pada imej, menjadikan teks membungkus imej, tetapi dalam CSS, sebarang elemen boleh diapungkan. Elemen terapung mencipta kotak peringkat blok, tanpa mengira jenis elemen itu.
Jika unsur terapung tidak diganti, nyatakan lebar yang jelas jika tidak, ia dibuat sekecil mungkin.
Nota: Jika terdapat sangat sedikit ruang untuk elemen terapung pada satu baris, elemen akan melompat ke baris seterusnya Proses ini akan diteruskan sehingga baris tertentu mempunyai ruang yang mencukupi.
Tiga nilai atribut atribut terapung:
kiri Elemen terapung ke kiri.
kanan Unsur terapung ke kanan.
tiada Nilai lalai. Elemen tidak terapung dan muncul di tempat ia muncul dalam teks.
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
li{
background-color: pink;
}
.ex1 li {
float: left;
margin: 10px;
}
.ex2 li{
float: right;
margin: 10px;
}
.ex3 li{
float: none;
margin: 10px;
}
div{
clear: both;
}
</style>
</head>
<body>
<ul class="ex1">
<li>项目1</li>
<li>项目2</li>
</ul>
<div></div>
<ul class="ex2">
<li>项目1</li>
<li>项目2</li>
</ul><div></div>
<ul class="ex3">
<li>项目1</li>
<li>项目2</li>
</ul><div></div>
</body>
</html>
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah sifat apungan css? Apakah tiga nilainya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
