tianao ho fantatra ve hoe ahoana afovoany sary ao anaty DIV? Ny fametrahana sary iray ao anaty DIV dia mety ilaina amin'ny fanatsarana ny endrika sy ny fandaminana ny pejin-tranonkalanao, ary hanasongadinana ny sary tianao haseho. Aforeto ny sary iray ao anaty DIV dia tsy sarotra, saingy miankina amin'ny lafin-javatra maro izany, toy ny karazana sary, ny haben'ny DIV, ny fomban'ny DIV, sns.
Amin'ity lahatsoratra ity dia hanazava isika Ahoana ny fametrahana sary ao anaty DIV mampiasa HTML sy CSS, izay fiteny fandaharana ampiasaina hamoronana sy hamolavola pejy web. Haneho anao fomba sy ohatra maromaro izahay mba hahafahanao misafidy izay mety aminao.
Fanondroana
Inona no atao hoe DIV
Ny div dia singa HTML efa zatra mamorona fizarana na fitoeran-javatra amin'ny pejin-tranonkala. Mety misy singa hafa, toy ny lahatsoratra, sary, rohy, sns. Fanampin'izany, singa sakana ity, izay midika fa mitana ny sakan'ny pejy iray manontolo sy izany azonao atao ny mamaritra ny haavony sy ny sakany. Ny div dia singa ankapobeny, midika izany fa tsy misy dikany manokana. Noho izany antony izany dia matetika izy io no ampiasaina miaraka amin'ny toetran'ny kilasy na id, mba hanomezana anarana na sokajy ho an'ny div. Matetika koa izy io no ampiasaina amin'ny style attribute na miaraka amin'ny takelaka style CSS, mba hanomezana endrika na famolavolana ny div.
Ny div dia ampiasaina handaminana sy handrafetana ny votoatin'ny pejin-tranonkala, ary hampiharana ny toetran'ny styling amin'izany. Miaraka amin'ny div ianao dia afaka mamorona boaty misy singa hafa, ary azo ampifanarahana, afovoany, miloko, alokaloka, sns. Ny format dia azo ampiasaina amin'ny mamorona tsanganana na andalana, mba hizarana ny votoaty amin'ny fomba milamina sy miovaova. Amin'ny ankapobeny dia azo ampiasaina ihany koa izy io mba hamoronana vokatra hita maso na interactive, toy ny animation, transition, transformations, sns.
Ahoana ny fametrahana sary marindrano afovoany
Aforeto mitsivalana ny sary iray ao anaty DIV midika hoe mampifanaraka ny sary eo afovoany ny sakan'ny DIV. Misy fomba maro hanaovana izany, fa ny mahazatra indrindra dia ireto manaraka ireto:
- Ampiasao ny text-align: fananana afovoany. Ity fananana ity dia ampiharina amin'ny singa DIV ary mahatonga ny singa rehetra ao anatin'ny DIV hirindra mitsivalana afovoany. Ohatra:
- Ampiasao ny sisiny: fananana fiara. Ity fananana ity dia ampiharina amin'ny singa IMG ary mahatonga ny sary hanana sisiny mitovy amin'ny ankavia sy havanana, izay mampifandanja azy mitsivalana. Mba hiasana dia tsy maintsy manana sakany voafaritra ny sary ary manana karazana sakana na manana ny fampisehoana fananana: sakana. Ohatra:
- Ampiasao ny fananana fanovana: translateX(). Ity fananana ity dia ampiharina amin'ny singa IMG ary mahatonga ny sary hivezivezy mitsivalana amin'ny halavirana sasany amin'ny toerana voalohany. Mba hampifanintonana azy mitsivalana dia tsy maintsy afindra miankavanana ny 50% amin'ny sakany. Mba hiasana dia tsy maintsy manana sakany voafaritra ny sary ary manana karazana sakana na manana ny fampisehoana fananana: sakana. Ohatra:
Ahoana ny fametrahana sary mitsangana eo afovoany
Aforeto mitsangana mitsangana ao anaty DIV ny sary iray midika hoe mampifanaraka ny sary eo afovoan'ny haavon'ny DIV. Misy fomba maro hanaovana izany, fa ny mahazatra indrindra dia ireto manaraka ireto:
- Ampiasao ny aligna mitsangana: fananana afovoany. Ity fananana ity dia ampiharina amin'ny singa IMG ary mahatonga ny sary ho mitsangana mitsangana eo afovoany manoloana ny tsipika fototra. Mba hanaovana izany, ny singa DIV dia tsy maintsy manana haavo voafaritra ary ny singa IMG dia tsy maintsy misy karazana inline na manana ny fampisehoana: fananana inline. Ohatra:
- Ampiasao ny fananana margin-top sy margin-bottom. Ireo toetra ireo dia ampiharina amin'ny singa IMG ary mahatonga ny sary hanana sisiny mitovy amin'ny tampony sy ambany, izay mametraka azy mitsangana. Mba hanaovana izany, ny singa DIV dia tsy maintsy manana haavo voafaritra ary ny singa IMG dia tsy maintsy manana haavony voafaritra ary manana karazana sakana na manana ny fampisehoana: fananana sakana. Ohatra:
- Ampiasao ny fananana fanovana: translateY(). Amin'ity indray mitoraka ity dia ampiharina amin'ny singa IMG izy io ary mahatonga ny sary hivezivezy mitsangana amin'ny halavirana sasany amin'ny toerana voalohany. Mba hampifanintonana azy mitsangana dia tsy maintsy manetsika azy 50% amin'ny haavony midina ianao. Mba hiasa, ny singa DIV dia tsy maintsy manana haavony voafaritra ary ny singa IMG dia tsy maintsy manana haavony voafaritra ary manana karazana sakana na manana ny fampisehoana: fananana sakana. Ohatra:
Ahoana ny fametrahana sary eo amin'ny famaky roa
Ny fametrahana sary amin'ny famaky roa amin'ny DIV dia midika arindra ny sary eo afovoan'ny sakany sy ny haavony amin'ny DIV, ity no sarotra indrindra. Misy fomba maro hanaovana izany, fa ny mahazatra indrindra dia ireto manaraka ireto:
- Ampiasao ny text-align: fananana afovoany sy ny toetra mitsangana: fananana afovoany. Ireo toetra ireo dia mihatra amin'ny singa DIV sy ny singa IMG tsirairay avy, ary mahatonga ny sary ho mirindra afovoany na mitsivalana sy mitsangana. Mba hanaovana izany, ny singa DIV dia tsy maintsy manana haavo voafaritra ary ny singa IMG dia tsy maintsy misy karazana inline na manana ny fampisehoana: fananana inline. Ohatra:
- Ampiasao ny sisiny: fananana fiara. Eto izany dia ampiharina amin'ny singa IMG ary mahatonga ny sary hanana sisiny mitovy amin'ny lafiny efatra, mampifantoka azy amin'ny famaky roa. Mba hiasa, ny singa DIV dia tsy maintsy manana haavo voafaritra ary ny singa IMG dia tsy maintsy manana sakany sy haavony voafaritra ary manana karazana sakana na manana ny fampisehoana: fananana sakana. Ohatra:
- Mampiasa ny fananana fanovana: translate(). Amin'ity tranga ity dia ampiharina amin'ny singa IMG izy ary mahatonga ny sary hifindra lavitra amin'ny toerana misy azy amin'ny famaky roa. Mba hampifantoka azy dia tsy maintsy afindranao miankavanana ny 50% amin'ny sakany ary midina ny 50% amin'ny haavony. Mba hiasa, ny singa DIV dia tsy maintsy manana haavo voafaritra ary ny singa IMG dia tsy maintsy manana sakany sy haavony voafaritra ary manana karazana sakana na manana ny fampisehoana: fananana sakana. Ohatra:
Aforeto ny sary rehetra
Mety ilaina ny fametrahana sary ao anaty DIV hanatsarana ny endrika sy ny fandaminana ny tranokalanao, ary hanasongadinana ny sary tianao haseho. Tsy sarotra ny fametrahana sary ao anaty DIV, fa miankina amin'ny anton-javatra maro toy ny karazana sary, ny haben'ny DIV, ny fomban'ny DIV, sns.
Ao amin'ity lahatsoratra ity Nohazavainay ny fomba fametrahana sary ao anaty DIV amin'ny fampiasana HTML sy CSS, izay fiteny fandaharana ampiasaina hamoronana sy hamolavola pejy web. Nasehonay anao ny fomba sy ohatra samihafa azonao isafidianana. ilay sahaza anao indrindra.
Manantena izahay fa nahafinaritra anao ity lahatsoratra ity ary nianatra ny fomba fametrahana sary ao anaty DIV ianao. Raha manana fanontaniana na soso-kevitra ianao dia mametraha hevitra. Azonao atao ihany koa ny mizara ity lahatsoratra ity amin'ny namanao na ny fianakavianao izay tia ny HTML na CSS. Andao hiasa sy hanao fandaharana!