Te whakamahi i te CSS float Property ki te hoahoa Tahora Whārangi Tukutuku
Ko te taonga CSS he taonga tino nui mo te whakatakotoranga. Ka taea e koe te whakarite i to hoahoa hoahoa tukutuku e rite ana ki ta koe e hiahia ana kia whakaatu-engari kia pai ai te whakamahinga o te mahi ki a koe.
I roto i te pepa kāhua, ko te ahua o te float CSS rite tenei:
.right [float: right; }
E whakaatu ana tenei ki te kaituhi ko nga mea katoa me te akomanga o te "tika" ka rere ki te taha matau.
Ka tohua e koe kia penei:
class = "tika" />
He aha e taea ai e koe te rere ki te taonga CAT float?
Kaore e taea e koe te whakatere i nga huanga katoa i te whārangi tukutuku. Ka taea e koe anake te whakatere i nga huinga papa-taumata . Ko enei nga kaupapa e mau ana i te poraka o te mokowai i runga i te whaarangi, penei i nga whakaahua (), nga paraka (), nga wehenga (), me nga rarangi ().
Ko etahi atu mea e pa ana ki te kuputuhi, engari kaore i hanga he pouaka i runga i te waa e kiia ana he huānga taaraha , kaore e taea te rere. He waahi enei e rite ana ki te mokowhiti (), nga waahanga raupapa (), te kaha kaha (), te awhina ranei ().
Kei hea e rere ana?
Ka taea e koe te huri i nga huānga ki te taha matau, ki te maui ranei. Ko nga mea katoa e whai ana i te ahua rererangi e rere ana i te taha o te waahanga i tera taha.
Hei tauira, ki te atarangi ahau i tetahi ahua ki te taha maui, ka rere nga tuhinga me etahi atu huinga e whai ana i tera taha ki te taha matau. A, ki te atarangi ahau i tetahi ahua ki te tika, ka rere a tawhio noa tetahi kuputuhi me etahi atu mea e whai ake ana i te taha ki maui. Ko tetahi whakapakoko e whakanohoia ana ki tetahi poraka o te kuputuhi kaore he ahua o te waa e rere ana ki te whakaatu, ka whakaatuhia pea te tautuhinga ki te whakaatu whakaahua.
Ko te tikanga tenei ko te rarangi tuatahi o te tuhinga e whai ake nei i te raro o te ahua.
Kia pehea te tere o te rere?
Ko tetahi mea e rere ana ka neke ki te taha maui, ki te taha matau ranei o te waahanga putea ka taea. Ko tenei ka puta i nga ahuatanga rereke kei runga i te waahanga o to tuhinga.
Mo enei tauira, ka huri ahau i tetahi mea iti DIV ki te maui:
- Mena kaore he whaawe i mua i te tautuhinga o te waahanga, ka nui ake te mokowai i runga i te waahanga, mehemea e hiahiatia ana, e wātea ana, ahakoa te waa. Tuhipoka: ko etahi o nga kaitoro e ngana ana ki te tuhi i ngaa huānga i ngaa waahanga rererangi kaore i te tautuhia te whanui-ka tuku noa i te huānga kore-rere noa he iti noa te mokowā. Na me tohu tonu koe i te whanui i runga i nga huānga rererangi.
- Mena ko te huānga o te kohinga te huānga HTML, ka noho te DIV rererangi ki te taha maui o te whaarangi.
- Mena he mea ke atu kei roto i te waahanga o te ipu, ka noho te DIV rererangi ki te taha maui o te ipu.
- Ka taea e koe te kohinga o nga kohanga teitei, a ka taea e te waapa te whakamutu i roto i tetahi wahi whakahiahia. Hei tauira, ko tenei rererangi ko te DIV e rere ana i roto i te DIV rererangi.
- Ka noho nga mema o te waipuke i te taha o tetahi ki tetahi mehemea he waahi kei roto i te ipu. Hei tauira, ko tenei ipurangi e toru nga waahanga e 100px whānui e rere ana i te 400px whānui.
Ka taea ano e koe te whakamahi i nga kaipuke ki te waihanga i te taatai taiwhanga whakaahua. Ka tohua e koe nga karauna katoa (he pai te mahi ma te kohinga katoa) i roto i te DIV me te tapanga me te rere i nga mea DIV i roto i te ipu.
Ahakoa te nui o te matapihi o te matapihi, ko nga mokomoko ka raupapa noa.
Tahuri Atu i te Tae
Kia mohio koe ki te tiki i tetahi mea ki te rere, he mea nui kia mohio ki te huri i te waa. Ka whakakorea e koe te waa ki te tahua CSS. Ka taea e koe te whakakore i nga rererangi mauī, nga rererangi tika, te rua ranei:
marama: te maui;
marama: tika;
mārama: e rua;
Ko nga mea katoa e whakaturia ana e koe ko nga mea maama ka puta mai i raro i tetahi huinga e rere ana i taua huarahi. Hei tauira, i tenei tauira kaore i te whakakorehia nga pararangi tuatahi e rua, engari ko te tuatoru.
Te whakaari me te uara maama o nga huhua rereke i roto i o tuhinga ki te whai ahuatanga rereke rereke.
Ko tetahi o nga mahinga whakatere nui rawa atu ko te raupapa o nga whakapakoko kei te taha matau, i te taha maui ranei, ki te taha o nga paraka o te kuputuhi. Ahakoa kaore i roa te tuhinga ki te huri i mua o te ahua, ka taea e koe te whakamahi i te maama i runga i nga whakaahua katoa kia mohio ai kei puta mai i te tīwae engari i muri i te ahua o mua.
Ko te HTML (whakahuatia tenei waahanga):
Duis aute irure dolor sed ki te eusmod tempor i roto i te repeshnderit i roto i te voluptate. Kaore i te kaitautoko, kaore i te mahi, me te mahi i roto i te mahi.
Ko te CSS (ki te rere i nga whakaahua ki te maui):
img.float {float: maui;
marama: te maui;
tapaina: 5px;
}
Na ki te taha matau:
img.float {float: tika;
marama: tika;
tapaina: 5px;
}
Te whakamahi i te Floats mo te Tahora
Kia mohio koe ki te pehea e mahi ai te taonga rererangi, ka taea e koe te whakamahi me te whakamahi i te waa ki te tuhi i o rarangi tukutuku. Koinei nga huarahi e tangohia ana e ahau hei hanga i tetahi whārangi tukutuku atarangi:
- Te hoahoa i te tahora (i runga i te pepa, i te taputapu whakairoiro ranei i roto i toku upoko).
- Whakatauhia te wahi kei hea te wehenga whārangi.
- Te whakatau i nga whanui o nga pouaka maha me nga huinga i roto ia ratou.
- Whakakitea nga mea katoa. Ahakoa ko te waahanga o waho o te waa e rere ana ki te taha mauī kia mohio ai ahau ki hea e pa ana ki te whanga tirotiro o te tirotiro.
I te wa e mohio ana koe ki nga whanui (he pai nga paenga) o nga waahanga taapiri, ka taea e koe te whakamahi i te taonga taatai hei whakanoho ia ratou ki hea kei roto i te waahanga. A, ko te mea pai, kaore koe e whakaaro ki te tauira pouaka he rereke mo Internet Explorer, Firefox ranei.