jelas (atribut html)-tutorial css-php.cn

jelas (atribut html)

Jennifer Aniston

Lepaskan： 2025-02-27 08:38:09

asal

254 orang telah melayarinya

atribut clear: Kaedah yang ditetapkan untuk mengawal aliran elemen. Atribut HTML ini, yang kini dianggap ketinggalan zaman, digunakan untuk mengelakkan kandungan daripada membungkus unsur -unsur terapung (seperti imej atau jadual). Daripada menggunakan clear, pembangunan web moden bergantung pada CSS untuk kawalan susun atur.

fungsi atribut clear direplikasi menggunakan harta CSS clear. Berikut adalah perbandingan:

html yang tidak disengajakan:

<br clear="left"></br>

Salin selepas log masuk

CSS moden:

<br style="clear: left;"></br>

Salin selepas log masuk

(Nota: CSS sebaris, seperti yang ditunjukkan di atas, biasanya tidak digalakkan. Amalan terbaik untuk menentukan gaya dalam fail CSS yang berasingan atau dalam tag <style> dalam <head>.)

Contohnya:

Mencegah teks daripada membungkus imej yang sejajar dengan betul.

<p><img src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/article/000/000/000/174061669131942.jpg"  class="lazy" alt="clear (HTML attribute) " />
The rest of the day was a lazy one, partly spent by the complex pool, partly inside watching British TV, but we couldn't be doing this for the rest of the holiday. Already we were missing having the car!
<br style="clear: both;"></br>
I decided to check out what the weather would be doing for the next few days, as that would help us make any decisions about future excursions.
</p>

Salin selepas log masuk

Soalan Lazim (Soalan Lazim)

Tujuan atribut
: clear atribut mengawal aliran elemen, terutamanya di sekitar unsur -unsur terapung. Ia menentukan sisi mana (kiri, kanan, kedua -duanya, atau tidak) elemen terapung dihalang daripada membungkus. clear
Perbezaan antara
dan CSS : clear float meletakkan elemen ke kiri atau kanan, membolehkan kandungan lain mengalir di sekelilingnya. menghalang tingkah laku pembalut. float clear
~~dengan unsur-unsur yang tidak terapung:~~
hanya mempengaruhi unsur-unsur terapung. Gunakan sifat CSS lain (seperti clear, , atau clear) untuk unsur-unsur yang tidak terapung. position display flex
:
Ini menghalang unsur -unsur terapung daripada muncul di kedua -dua belah elemen. clear: both Kesan kesan susun atur:
clear Sokongan penyemak imbas: clear
disokong secara meluas dalam penyemak imbas moden, tetapi ujian merentasi penyemak imbas selalu disyorkan.
clear Dengan unsur -unsur inline:
Secara teknikal mungkin, ia kurang berkesan dengan elemen sebaris kerana tingkah laku mereka yang wujud.
clear Akibat dari Omitting dengan unsur -unsur terapung:
Omitting
clear dalam reka bentuk responsif: clear
berguna dalam reka bentuk responsif untuk mengekalkan susun atur yang konsisten merentasi saiz skrin yang berbeza.
Isu -isu biasa: tingkah laku penjelasan yang tidak dijangka mungkin berlaku dengan unsur -unsur bersarang atau susun atur kompleks. Ingat, clear hanya berfungsi dengan unsur -unsur terapung, tidak benar -benar diposisikan atau elemen flex.

Atas ialah kandungan terperinci jelas (atribut html). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!