Faaaoga le CSS Float Property to Design Web Layouts Page
O le meatotino a le CSS o se mea taua tele mo le faʻatulagaga. E mafai ai e oe ona faʻatulaga au ata o itulau i luga o le upega tafaʻilagi e pei lava ona e manaʻo latou te faʻaalia-ae ia faʻaaogaina e tatau ona e malamalama i le auala e aoga ai.
I se pepa lanu, o le CSS float meatotino e foliga faapenei:
.right {fuga: saʻo; }
E taʻu mai ai i le masini o mea uma ma le vasega o le "saʻo" e tatau ona lele i le taumatau.
E te tofia e pei o lenei:
vasega = "saʻo" />
O le a se mea e mafai ona e folau i le CSS Float Property?
E le mafai ona e faʻailogaina elemene uma i luga o se itulau. E mafai ona e fesuiaʻi poloka elemene. O elemene nei e faia ai se poloka avanoa i le itulau, pei o ata (), palakalafa (), vaevaega (), ma lisi ().
O isi elemene e aafia ai tusitusiga, ae le fatuina se atigipusa i luga o le itulau ua taʻua o elemene elemene ma e le mafai ona felelei. O elemene nei e pei o le (), vavaega laina (), faʻamalosi malosi (), poʻo le faʻamaufaitaimi ().
O Fea Latou te Fafefea?
E mafai ona e lele elemene i le itu taumatau poʻo le agavale. Soʻo se elemene e mulimulitaia le elemene feʻaveaʻi o le a tafe i luga o le elemene elemene i le isi itu.
Mo se faʻataʻitaʻiga, afai ou te folau se ata i le agavale, o le a tafe faʻataʻamilo i le taumatau soʻo se mea poʻo isi elemene o loʻo mulimuli mai. Ma afai ou te folau se ata i le itu taumatau, o le a faʻataʻamilomilo faʻamatalaga i le itu tauagavale soʻo se mea poʻo isi elemene o loʻo mulimuli mai. O se ata o loʻo tuʻuina i totonu o se poloka o tusitusiga e aunoa ma se faʻailoga e faʻaaoga i ai, o le a faʻaalia ai le seti o le masini e faʻaali ai ata.
E masani lava i le laina muamua o le mulimuli i faʻamatalaga o faʻaalia i le pito i lalo o le ata.
O le a le mamao o le a latou felelei ai?
O se elemene na faʻatautaia o le a agai atu i le itu tauagavale poʻo le taumatau o le eletise faʻanatura e pei ona mafai ai. E mafua ai i le tele o tulaga eseʻese e fuafua i le auala na tusia ai lau code.
Mo nei faʻataʻitaʻiga, o le a ou faalilo se mea laʻititi laʻitiiti i le tauagavale:
- Afai o le elemene lele e leai se laasaga muamua, o le a sili atu le avanoa e vavalalata pe a manaʻomia ma avanoa, e tusa lava po o le a le vaʻa. Manatua: o nisi tagata sailiili e taumafai e tuʻu elemene i tafatafa o elemene feʻaloi pe a le faʻamalamalamaina le lautele-e masani ona tuʻuina atu le elemene e le faʻafetaʻi na o sina vaega itiiti. O lea e tatau ona e faʻamalamalamaina le lautele i luga o elemene felelei.
- Afai o le eletise o le elemene HTML, o le VIV floating o le a nofo i le itu tauagavale o le itulau.
- Afai o le eletise o loʻo iai i se isi mea, o le VIV floating o le a nofo i le itu tauagavale o le fagu.
- E mafai ona e faʻaogaina ni elemene felelei, ma e mafai ona iu i le vaʻa e faʻauʻu i se nofoaga e ofo ai. Mo se faʻataʻitaʻiga, o lenei vaʻalele o se VIV i luga o le taumatau i totonu o le VIV floating taumatau.
- O elemene felafoaʻi o le a nofo latalata i le isi pe afai ei ai se avanoa i totonu o le fagu. Mo se faʻataʻitaʻiga, o lenei atigipusa o loʻo i ai le 100px lautele elemene VIV i luga o se pusa lautele 400px.
E mafai foʻi ona e faʻaaogaina fusi e fai ai se faʻatalanoaga o le ata. E te tuʻuina ia fasipepa taitasi (e sili ona lelei pe'ā tutusa tutusa) i totonu o le VIV faʻatasi ai ma le faʻamatalaga ma le faʻafefeina o elemene DIV i totonu o le fagu.
E tusa lava po o le a le lautele o le faamalama o le sailiga, o ata o le a laina tutusa.
Liliu ese o le Lologa
I le taimi lava e te iloa ai le auala e maua ai se elemene e lele ai, e taua le iloa pe faapefea ona tape le taʻavale. E te tapeina le vaʻalele ma le fanua a le CSS. E mafai ona e faʻamaonia vailaau tauagavale, taumatau saʻo poʻo mea uma e lua:
manino: tauagavale;
manino: saʻo;
manino: uma;
Soo se elemene e te seti ai le fanua manino mo le a oʻo i lalo ifo o se elemene o loʻo fetolofi i lena itu. Mo se faʻataʻitaʻiga, i lenei faʻataʻitaʻiga, e le faʻamaonia uluaʻi parakalafa muamua e lua, ae o le lona tolu o le.
Taʻalo ma le taua manino o elemene eseese i au pepa faʻataʻatia e maua ese ai le faʻatulagaina o laiga.
O se tasi o ata e sili ona manaia floating o se faasologa o ata i le itu taumatau po o le agavale e sosoo ma parakalafa o le anotusi. E tusa lava pe le o umi le tusiga e taʻalo ai i tua atu o le ata, e mafai ona e faʻaoga manino i luga o ata uma ina ia mautinoa o loʻo i luga o le koluma nai lo le isi ata.
Le HTML (Toe fai lenei parakalafa):
Leis aute irure dolor e faʻapitoa i taimi o le faʻaaogaina i le voluptate. Cupidatat e le o se tagata nofoa, e faigaluega ma e le mafai ona fai.
O le CSS (faʻalelei le ata i le agavale):
img.float {fola: agavale;
manino: tauagavale;
tuaoi: 5px;
}
Ma i le taumatau:
img.float {float: saʻo;
manino: saʻo;
tuaoi: 5px;
}
Faaaogaina o Floats mo le Taiala
O le taimi lava e te malamalama ai i le auala e galue ai le mea felelei, e mafai ona e amata faʻaaogaina e tuʻu ai au itulau. O laasaga nei ou te faia e fatu ai se itulau uelefea:
- Fuafua le ata (luga o le pepa poʻo se mea faʻatautaia po o loʻu ulu).
- Iloilo po o fea o le ai ai vaevaega itulau.
- Fuafua le lautele o pusa eseese ma elemene i totonu oi latou.
- Faʻasaʻo mea uma. E oo lava ile elemene pito i fafo o loo faalilo i le itu tauagavale ina ia ou iloa le mea o le ai ai e faatatau i le vaaiga o le vaaiga o le vaaiga.
Afai lava e te iloa o lautele (pasene e lelei) o lau vaega faatulagaina, e mafai ona e faʻaaogaina le mea faʻalelei e tuu ai i latou i mea latou te i ai i luga o le itulau. Ma o le mea manaia o le, e le tatau ona e popole tele e uiga i le ata o le pusa e ese mo Internet Explorer poʻo Firefox.