Rumah > Artikel > hujung hadapan web > Adakah float merupakan ciri baharu css3?
Adakah float merupakan ciri baharu css3?
- WBOYasal
- 2022-06-23 15:37:511340semak imbas
Terapung bukanlah ciri baharu CSS3. Atribut apungan yang mentakrifkan arah di mana elemen terapung sudah boleh digunakan dalam CSS1 Terapung dalam CSS akan mengalihkan elemen ke kiri atau kanan, dan elemen di sekelilingnya juga akan disusun semula kiri atau kanan Gerakkan sehingga tepi luarnya menyentuh sempadan kotak yang mengandungi atau kotak terapung lain.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
css float
Float bukanlah ciri baharu css3
CSS Float akan mengalihkan elemen ke kiri atau kanan elemen sekeliling juga disusun semula.
Float sering digunakan untuk imej, tetapi ia juga sangat berguna dalam reka letak.
Cara elemen terapung
Unsur terapung secara mendatar, yang bermaksud elemen itu hanya boleh bergerak ke kiri dan ke kanan tetapi tidak ke atas dan ke bawah.
Elemen terapung akan bergerak sejauh kiri atau kanan yang mungkin sehingga tepi luarnya menyentuh sempadan kotak yang mengandungi atau kotak terapung lain.
Elemen selepas elemen terapung akan mengelilinginya.
Elemen sebelum elemen terapung tidak akan terjejas.
Jika imej diapungkan ke kanan, aliran teks berikut akan dibalut di sebelah kirinya:
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img src="logocss.gif" style="max-width:90%" style="max-width:90%" / alt="Adakah float merupakan ciri baharu css3?" >
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>Output hasil:
(Mempelajari perkongsian video: tutorial video css, tutorial video html)
Atas ialah kandungan terperinci Adakah float merupakan ciri baharu css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!