Apakah atribut yang css3 gunakan untuk menunjukkan terapung kiri-tutorial css-php.cn

Apakah atribut yang css3 gunakan untuk menunjukkan terapung kiri

WBOY

Lepaskan： 2021-12-23 17:55:57

asal

4210 orang telah melayarinya

Dalam CSS, anda boleh menggunakan "float:left" untuk menunjukkan terapung kiri Atribut apungan digunakan untuk menentukan arah mana elemen terapung Apabila nilai atribut betul, ia bermakna elemen terapung nilai atribut tiada, Menunjukkan bahawa elemen tidak terapung.

Apakah atribut yang css3 gunakan untuk menunjukkan terapung kiri

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

Apakah atribut yang digunakan oleh css3 untuk menunjukkan terapung kiri? Dari segi sejarah, sifat ini sentiasa digunakan pada imej, menyebabkan 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.

kiri Elemen terapung ke kiri.

kanan Unsur terapung ke kanan.
tiada Nilai lalai. Elemen tidak terapung dan muncul di tempat ia muncul dalam teks.
warisan menyatakan bahawa nilai atribut apungan harus diwarisi daripada elemen induk.
Contohnya seperti berikut:

Hasil output:

<html>
<head>
<style type="text/css">
img 
{
float:left
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个样式为 <b>float:left</b> 的图像。结果是这个图像会浮动到段落的右侧。</p>
<p>
<img  src="/i/eg_cute.gif" / alt="Apakah atribut yang css3 gunakan untuk menunjukkan terapung kiri" >
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
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>
</body>
</html>

Salin selepas log masuk

(Pembelajaran perkongsian video:

tutorial video css Apakah atribut yang css3 gunakan untuk menunjukkan terapung kiri )

Atas ialah kandungan terperinci Apakah atribut yang css3 gunakan untuk menunjukkan terapung kiri. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!