CSS float 属性
Pagsasaayos at paggamit
Ang float property ay nagtatalaga kung saan ang elemento ay flotante. Sa nakaraan, ang property na ito ay palaging ginagamit sa larawan, upang pahilingan ang teksto sa paligid ng larawan, ngunit sa CSS, kahit anong elemento ay maaaring flotante. Ang flotante na elemento ay gumagawa ng isang blok na kahati, kahit anong elemento ito.
Kung nag-flot ang hindi pagsasalin ng elemento, dapat masukat ang malinaw na lapad; kung hindi, sila ay magiging maliit na maaari.
Komento:Kung mayroong kaunting espasyo lamang sa isang linya para sa elementong flotante, ang elemento ay lilipat sa susunod na linya, at ito ay magpatuloy hanggang sa may sapat na espasyo ang isang linya.
Pansin din:
Tuturuan ng CSS:Pagsasakop ng CSS
Manwal ng HTML DOM:Attribute ng cssFloat
Grammar ng CSS
float: none|left|right|initial|inherit;
Halaga ng attribute
| Halaga | Paglalarawan |
|---|---|
| left | Ang elemento ay nag-flot sa kaliwa. |
| right | Ang elemento ay nag-flot sa kanan. |
| none | Default na halaga. Ang elemento ay hindi nag-flot at ay lilitaw sa posisyon na ito ay nasa teksto. |
| inherit | Iminumungkahi na makuha ang halaga ng float property mula sa magulang na elemento. |
Detalye ng teknolohiya
| Default na halaga: | none |
|---|---|
| Inherency: | no |
| Bersyon: | CSS1 |
| Grammar ng JavaScript: | object.style.cssFloat="left" |
Mga sample na TIY
- Simple na aplikasyon ng float property
- Ipalit sa kanan ang larawan sa loob ng isang paragrapo.
- Ipalit sa kanan ang larawan na may border at boundary sa loob ng paragrapo
- Ipalit sa kanan ang larawan sa loob ng paragrapo. Magdagdag ng border at boundary sa larawan.
- Ang larawan na may pamagat ay napalit sa kanan
- Ipalit sa kanan ang larawan na may pamagat.
- Ipalit sa kaliwa ang unang titik ng paragrapo
- Ipalit sa kaliwa ang unang titik ng paragrapo at magdagdag ng istilo sa titik na iyon.
- Lumikha ng horizontal na menu
- Gamitin ang pag-flot na may isang palatandaan na kumakalat para lumikha ng horizontal na menu.
- Lumikha ng unang pahina na walang talahanayan
- Gamitin ang pag-flot para lumikha ng unang pahina na may header, footer, direktoryo sa kaliwa at nilalaman ng pangunahin.
Suporta ng Browser
Ang mga numero sa talahanayan ay nagtatalaga ng unang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
