It-tqegħid ta 'oġġetti f'paġna web huwa essenzjali għad-disinn ġenerali tiegħu. Għalkemm hemm modi oħra biex tinfluwenza t-tqassim, bħall-użu ta 'tabelli ( li ma nirrakkomandawx ), l- aħjar huwa li tuża CSS .
Hawn taħt, aħna nħarsu lejn kif tuża stil CSS sempliċi fil-proprjetà online biex nallinjaw l-immaġini, it-tabelli, il-paragrafi, u aktar.
Nota: Dawn l-istess metodi jistgħu jintużaw ukoll fuq folji ta 'stil esterni iżda peress li dawn japplikaw għal oġġetti individwali u x'aktarx hemm bżonn li tibqa' hekk, huwa aħjar li tuża grafika in-linja bħal dak li ssemma hawn taħt.
Tallinja l-Paragrafi tat-Test
It-tikketta tal-paragrafu hija l-ewwel post li tibda fit-tfassil tal-paġna web tiegħek. Il-ftuħ u l-għeluq tat-tikketti jidhru hekk:
L-allinjament awtomatiku ta 'test f'paragrafu huwa fuq in-naħa tax-xellug tal-paġna, imma tista' wkoll tallinja l-paragrafi tiegħek lejn il-lemin u ċ-ċentru.
L-użu tal-proprjetà float ihallik tallinja l-paragrafi lejn il-lemin jew lejn ix-xellug tal-element prinċipali. Kwalunkwe element ieħor ġewwa dak l-element ġenitur se jiċċirkola madwar l-element ibbalanċjat.
Biex tikseb l-aħjar effett b'paragrafu, huwa l-aħjar li tistabbilixxi wisa 'fuq il-paragrafu li huwa iżgħar mill-element kontenitur (ġenitur).
Tallinja t-Test Ġewwa Paragrafi
Wieħed jista 'jargumenta li l-allinjament l-aktar interessanti għat-test tal-paragrafu huwa "jiġġustifika", li jgħid lill-browser biex juri t-test allinjat, essenzjalment, kemm fuq il-lemin u kemm fuq in-naħa tax-xellug tat-tieqa.
Biex tiġġustifika t-test f'paragrafu, tuża l-proprjetà ta 'allinjament tat-test.
Tista 'wkoll tallinja t-test kollu f'paragrafu fuq in-naħa tal-lemin jew ix-xellug (l-inadempjenza), billi tuża l-proprjetà ta' allinjament tat-test.
Il-proprjetà tat-tqassim tat-test se tallinja t-test ġewwa l-element. Teknikament, mhux suppost li tallinja l-immaġini li jinsabu ġewwa l-paragrafu jew element ieħor, iżda l-biċċa l-kbira tal-browsers jittrattaw immaġini bħala inline għal din il-proprjetà.
Allinjament ta 'Images
Bl-użu tal-proprjetà float fuq lametta ta 'l-immaġini tista' tiddefinixxi t-tqegħid ta 'immaġini fuq il-paġna u kif it-test se jimtela' madwarhom.
Eżattament bħall-paragrafi ta 'hawn fuq, il-proprjetà tal-istil float fit-tikketta tal-immaġini ser tippożizzjona l-immaġni tiegħek fuq il-paġna u tgħid lill-browser kif itajjar it-test u elementi oħra madwar dik l-immaġni.
It-test li jsegwi t-tikketta tal-immaġini ta 'hawn fuq se jiċċirkola madwar id-dehra fuq il-lemin għax l-immaġni turi fuq ix-xellug tal-iskrin
Jekk irrid li t-test iwaqqaf it-tgeżwir madwar id-dehra, nuża l-proprjetà ċara:
L-allinjament ta 'aktar minn paragrafi
Madankollu, x'jiġri jekk trid tallinja aktar minn sempliċiment paragrafu jew immaġni? Inti tista 'sempliċiment tpoġġi proprjetà ta' stil f'kull paragrafu, iżda hemm tikketta li tista 'tuża li hija iktar effettiva:
Sempliċiment jdawru t-test u stampi (inklużi tags HTML ) bit-tikketta u l-istil tal-proprjetà (float jew text-align) u dak kollu f'din id-diviżjoni se jkun allinjat kif tixtieq.
Żomm f'moħħok li l-allinjamenti miżjuda mal-paragrafi jew l-immaġini fi ħdan id-diviżjoni se jiġu onorati, li jegħlbu t-tikketta.