Ho sebedisa phapang ea CSS Ho aha Moqapi oa Leqephe la Websaete
Thepa ea CSS ke thepa ea bohlokoa haholo bakeng sa mohaho. E lumella hore u behe maqephe a hau a marang-rang a marang-rang ka tsela eo u batlang hore ba e bontše-empa e le hore ue sebelise u lokela ho utloisisa hore na e sebetsa joang.
Ka lethathamong la setaele, thepa ea CSS e phapang thepa e shebahala tjena:
.right {fulan: ho le letona; }}
Sena se bolella sebapali hore ntho e 'ngoe le e' ngoe e nang le "se nepahetseng" e lokela ho kenngoa ka ho le letona.
U ka e beha e kang ena:
sehlopha = "tokelo" />
Ke Eng Seo U ka se Phallang le Lefa la CSS le phapang?
U ke ke ua phaphamala ntho e 'ngoe le e' ngoe leqepheng la websaete. U ka theoha feela lintho tse thibelang sekala . Tsena ke lintlha tse nkang sebaka se seholo leqepheng, joaloka litšoantšo (), lirapa (), likarohano (), le lethathamo ().
Lintlha tse ling tse amang mongolo, empa u se ke ua bopa lebokose leqepheng lena li bitsoa lintlha tse ka hare 'me li ke ke tsa sisinyeha. Tsena ke lintlha tse kang nako (), likhetho tsa line (), khatiso e matla (), kapa litlama ().
Li Fula Hokae?
O ka hlahisa likarolo ho ea ho le letona kapa ka ho le letšehali. Ntho e 'ngoe le e' ngoe e latelang floated element e tla phalla ho pota floated element ka lehlakoreng le leng.
Ka mohlala, haeba ke otlolla setšoantšo ka letsohong le letšehali, mangolo kapa likarolo tse ling tse latelang li tla phalla ka ho le letona. 'Me haeba ke futhumatsa setšoantšo ka letsohong le letona, mangolo afe kapa afe kapa afe a latelang a tla phalla ho potoloha ka ho le letšehali. Setšoantšo se behiloeng ka lebokoseng la mongolo o sa sebelisoang ho eona se tla sebelisoa ho tla bontša leha ho le joalo sebapali se behiloe ho bonts'a litšoantšo.
Hangata sena se na le mola oa pele oa mongolo o latelang o bontšitsoeng botlaaseng ba setšoantšo.
Ba Tla Fela Hakae Hakaale?
Ntho e fetotsoeng e tla fetela ka ho le letšehali kapa ka ho le letona la setho sa boleng kamoo ho ka khonehang. Sena se baka maemo a sa tšoaneng a fapaneng ho itšetlehile ka hore na khoutu ea hau e ngotsoe joang.
Bakeng sa mehlala ena, ke tla be ke phaphametse ntho e nyenyane ea DIV ka ho le letšehali:
- Haeba karolo e phaphametseng e se na bophahamo bo hlakileng pele, e tla nka sebaka se se nang letho se hlokahalang le se fumanehang, ho sa tsotellehe hore na se phaphametse hakae. Tlhokomeliso: liwebsaete tse ling li leka ho beha likarolo ka thōko ho likarolo tse potolohileng ha bophara bo sa hlalosoe-hangata bo fana ka karolo e nyenyane feela sebaka. Kahoo o lokela ho hlalosa bophara ka lisebelisoa.
- Haeba setho sa tšebetso ke karolo ea HTML, floppy DIV e tla lula karolong e ka morao ea leqephe.
- Haeba setho sa tšebetso se le teng ka ho hong ho itseng, DIV e phaphametseng e tla lula karolong e ka morao ea sejana.
- O ka sehla sehlaha, mme seo se ka etsa hore float e qetelle sebakeng se makatsang. Ka mohlala, phaputso ena ke DIV e nkiloeng ka letsohong ka hare ho DIV e nepahetseng.
- Litho tsa metsi li tla lula haufi le tse ling haeba ho na le kamoreng. Ka mohlala, setshelo sena se na le lisebelisoa tse tharo tse 100 tsa bophara ba DIV tse phaphamelitsoeng ka sesebelisoa se seholo sa 400px.
U ka ba ua sebelisa floats ho theha setšoantšo sa gallery gallery. U beha setšoantšo se seng le se seng (se sebetsa hantle ha se lekana ka boholo bo lekaneng) ho DIV ka mantsoe le ho phaphahla lintlha tsa DIV ka setsing.
Ho sa tsotellehe hore na fensetere ea sebapali e pharaletse hakae, li-thunna li tla ema li lekana.
Ho Furalla Moroallo
Hang ha u tseba ho fumana ntho ea ho phaphamala, ke habohlokoa hore u tsebe ho tima sefofane. U tima sefofane ka thepa e hlakileng ea CSS. O ka hlakola litepisi tsa ho le letšehali, tse otlolohileng hantle kapa tse peli:
hlakisa: ho le letšehali;
hlakisa: ho le letona;
hlakisa: bobeli;
Ntho efe kapa efe eo ue behileng thepa e hlakileng e tla hlaha ka tlase ho ntho e tsamaeang ho tataisoa. Ka mohlala, mohlala ona lirapa tse peli tse qalang tsa mongolo ha li hlakisoe, empa karolo ea boraro ke eona.
Bapala ka boleng bo hlakileng ba likarolo tse fapaneng litokomaneng tsa hau ho fumana liphetoho tse fapaneng tsa mela.
E 'ngoe ea libaka tse thahasellisang ka ho fetisisa ke lihlopha tsa litšoantšo ho theoha ka letsohong le letona kapa le letšehali haufi le lirapa tsa mongolo. Esita le haeba temana eo e se nako e lekaneng ea ho phalla setšoantšo, u ka sebelisa e hlakileng litšoantšong tsohle ho netefatsa hore li hlaha ka har'a mohala ho e-na le ho latela setšoantšo sa pele.
HTML (pheta serapa sena):
Etsa hore ho be thata ho etsa joalo ka nako eo u ka e etsang ka nako e khutšoanyane. E le hore u se ke ua sebetsa, u sebetse le hore na ke eng eo u ka e etsang.
CSS (ho otlolla litšoantšo ka ho le letšehali):
img.float {float: ka ho le letšehali;
hlakisa: ho le letšehali;
marginal: 5px;
}}
Le ho le letona:
img.float {float: ho le letona;
hlakisa: ho le letona;
marginal: 5px;
}}
Ho sebelisa Floate bakeng sa Tokiso
Hang ha u utloisisa hore na setša seo se tsamaeang joang, u ka qala ho se sebelisa ho beha maqephe a hau a marang-rang. Tsena ke mehato eo ke e nkang ho bopa leqephe la marang-rang:
- Etsa moralo (ka pampiri kapa sesebelisoa se setšoantšo kapa hlooho ea ka).
- Etsa qeto ea hore na likarohano tsa leqephe li tla ba hokae.
- Hlalosa bophara ba lijana tse sa tšoaneng le likarolo tse ka hare ho tsona.
- Fula zvose. Esita le karolo e ka ntle ea sejana e phaphametse ka letsohong le letšehali e le hore ke tsebe hore na e tla ba efe kamanong le sebapali sa pono ea sebapali.
Hafeela u ntse u tseba bophara bo bongata (liphesente tse ntle) tsa likarolo tsa hau tsa lihlopha, o ka sebelisa setša sa ho phahamisa ho se beha moo se leng teng leqepheng lena. 'Me ntho e ntle ke hore, ha ho hlokahale hore u tšoenyehe haholo ka lebokose la lebokose le fapaneng le Internet Explorer kapa Firefox.