Ke hoʻohana nei i ka CSS Float Property no ka Hoʻolālāʻana i nā Papahoho Pūnaewele
ʻO ka waiwai CSS kahi waiwai nui loa no ka hoʻonohonohoʻana. Hiki iāʻoe ke hoʻonohonoho i kāu mau pūnaewele pūnaewele e like me kāu makemake e hōʻike ai lākou - akā, no ka hoʻohanaʻana ia mea, he pono e hoʻomaopopo i ka hana.
I loko o kahi pepa lole,ʻano like ka waiwai CAT float i kēia:
.right [hoʻolana: pololei; }
Hōʻike kēia i ka polokalamu kelepona e hoʻokuʻiʻia nā mea a pau me ka papa "kūpono" i ka'ākau.
Hanaʻoe e like me kēia:
papa = "kūpono" />
He aha kāu e lawaiʻa ai i ka waiwai CSS float?
ʻAʻole hiki iāʻoe ke lana i nā mea a pau ma kahi pūnaewele. Hiki iāʻoe ke lana wale i nā mea papa . ʻO kēia nā kumuhana e lawe i kahi poho o ka māhele ma kaʻaoʻao, e like me nā kiʻi (), nā paukū (), nā māhele (), a me nā papa inoa ().
ʻO nā kumuhana'ē aʻe e pili ana i ka kikokikona, akā,ʻoleʻoe e haku i kahi pahu ma kaʻaoʻao i kapaʻia he mau'atila a me nā hikiʻole ke lana. ʻO kēia nā mea like me ka span (), nā laina laina (), ka ikaika ikaika (), a iʻole nā hōʻailona ().
Auhea la e pae ai lakou?
Hiki iāʻoe ke lelo i nā mea i ka'ākau a i ka hema. Hiki ke holo i kēlā me kēia māhele e pili ana i ka māmā ma kaʻaoʻao o ka pae honua.
Eia kekahi laʻana, inā wau e lele i kahi kiʻi i ka hema,ʻo nā mea a pau a me nā mea'ē aʻe e pili ana ma ia mea e kahe anaʻo ia ma ka'ākau. A inā wau e hoʻolima i kekahi kiʻi i ka'ākau, e holo ka'ōpala a me nā mea'ē aʻe e pili ana ma kaʻaoʻao hema. ʻO kahi kiʻi i hoʻonohonohoʻia i loko o kekahi poho o kaʻenehana me kaʻole o kahiʻano leʻa e hoʻohanaʻia i ia mea, e hōʻikeʻia akā ua hoʻonohoʻia ka pūnaewele e hōʻike i nā kiʻi.
ʻO kēia me ke laina mua o ka hahaiʻana i nā kikokikona i hōʻikeʻia ma lalo o ke kiʻi.
Pehea ka lōʻihi e lele ai lākou?
ʻO kahi mea i leleʻia e neʻe ai i ka hema a me ka'ākau o ka'āpana pahu e like me ka hiki. Loaʻa kēia i nāʻano likeʻole e pili ana i ka pehea i kākauʻia ai kāu palapala.
No kēia mau hiʻohiʻona, eʻau ana au i kahi mea liʻiliʻi liʻiliʻi ma ka hema:
- Ināʻaʻole kahi papa mua i ho'ākākaʻia,ʻaʻole e loaʻa i ka laulā ka lōʻihi e like me ka mea e pono ai a me ka loaʻa, me kaʻole o ka lana. Hoʻomaopopo: e ho'āʻo ana kekahi mau mea kelepona e waiho i nā'enewa me nā paepae lele ināʻaʻole i ho'ākākaʻia ka laulā-e hāʻawi pinepine ana i ka mea iʻole e hoʻonā i kahi liʻiliʻi wale nō. No laila, e wehewehe i ka laulā ma nā mea lele.
- Ināʻo ka pūnaewele ka pae HTML, e noho ka DIV ma kaʻaoʻao hema o kaʻaoʻao.
- Inā noho paʻa kahi pūnaewele i kekahi mea'ē aʻe, e noho ka DIV lele ma kaʻaoʻao hema o ka pahu.
- Hiki iāʻoe ke hoʻohiki i nā māmā māmā, a hiki i ka hopena e hoʻopau i kahi wahi hoʻokipa. Eia kekahi laʻana,ʻo kēia'ūlana he'Āina DIV ka mea i waihoʻia i loko o ka DIV mākaʻikaʻi.
- E noho nā māmā ma kahi kokoke i kekahi me kahi o ka pahu. Eia kekahi laʻana,ʻekolu pahuhopu DIV ākea e piha ana i kēia pahu ma kahi pahu 400px.
Hiki iāʻoe ke hoʻohana i nā mokulele e hana i kahi papahana kiʻi kiʻi. Hoʻonohoʻoe i kēlā'aleki'ōkalakala (ʻoi aku ka maikaʻi inā lōʻihi lākou a pau) i loko o DIV me ke kiʻi a me ka hoʻolana i nā mea DIV i loko o ka pahu.
Ma waho o ka wānana o ka puka o ka polokalamu kele pūnaewele, e kaha lainaʻia nā palapala kiko'ī.
Ka Huliʻana i ka Moana
Keʻikeʻoe pehea e loaʻa ai kahi mea e lele ai, he mea nui eʻike i keʻano o ka hemoʻana i kaʻauʻa. Hoʻopauʻoe i ka float me ka waiwai CSS. Hiki iāʻoe ke hoʻomaʻemaʻe i nā kīʻaha hema, nā'auwaʻa pololei aʻelua paha:
wehe: hema;
wehewehe: pololei;
wehewehe: nā meaʻelua;
E hōʻike i kahi mea āu e hoʻonoho ai i ka waiwai māmā i lalo i kahi māhele e lele ana i kēlā kuhikuhi. Eia kekahi laʻana, ma kēia hiʻohiʻinaʻaʻole i weheʻia nā paukūʻelua o ka'ōlelo, akāʻo ke kolu.
E pāʻani me kaʻike kūpono o nāʻano likeʻole i kāu mau palapala e hoʻokaʻawale i nā hopena hoʻolālā.
ʻO kekahi o nā hoʻolālā hoʻonohonoho hoʻonaninani nuiʻia heʻano o nā kiʻi ma lalo o kaʻaoʻao'ākau a iʻole hema e pili ana i nā paukū o ka'ōlelo. ʻOiai ināʻaʻole i lōʻihi ka kikokikona no ka'ōwili i mua o ke kiʻi, hiki iāʻoe ke hoʻohana i ka mālamalama ma luna o nā kiʻi a pau eʻike pono lākou eʻikeʻia lākou ma ke kolamu ma mua aʻe o kaʻaoʻao aʻe i ke kiʻi mua.
ʻO ka HTML (e hana hou i kēia paukū):
E hōʻeuʻeu aku i kēia manawa i ka hoʻoulu o ka manawa ma ka voluptate. ʻO ka mea kūponoʻole i ka pōmaikaʻi, ka hana a me ka hanaʻoi aku.
ʻO ka CSS (e lele i nā kiʻi ma ka hema):
img.float {hololana: haʻalele;
wehe: hema;
Mahele: 5px;
}
A i ka'ākau:
img.float {float: pololei;
wehewehe: pololei;
Mahele: 5px;
}
Ke hoʻohana nei i nā Floating no ka hoʻolālā
Ke hoʻomaopopoʻoe i keʻano o ka hanaʻana o ka float, hiki iāʻoe ke hoʻomaka e hoʻohana ia mea e kau i kāu mau pūnaewele pūnaewele. ʻO kēia ke ala e hana ai wau e hana i kahi palapala pūnaewele lele:
- E hoʻolālā i ka hoʻonohonohoʻana (ma ka pepa a iʻole i kahi mea hana kiʻiʻike a iʻole ma kuʻu poʻo).
- E hoʻoholo i kahi e mahele ai nāʻaoʻao.
- E hoʻoholo i nā whānui o nā pahu likeʻole a me nā kumu i loko o lākou.
- Hoʻolana i nā mea a pau. ʻOiai ka pae o ka pahu waho i ka holoʻana i ka hema no kaʻikeʻana i kahi e pili ana i ka port view view.
I kouʻikeʻana i nā laulā ('enehina he maikaʻi) o kāu māhele papahana, hiki iāʻoe ke hoʻohana i ka waiwai float e kau iā lākou ma kahi o lākou. Aʻo ka mea maikaʻi,ʻaʻoleʻoe e hopohopo nui e pili ana i keʻano likeʻole o ka pahu pahu kiʻi no Internet Explorer a iʻole Firefox.