Ang pagbutang sa mga butang sa usa ka web page mahinungdanon sa kinatibuk-ang disenyo niini. Bisan tuod adunay lain nga mga paagi sa pag-impluwensya sa layout, sama sa paggamit sa mga lamesa ( nga dili nato isugyot ), ang labing maayo mao ang paggamit sa CSS .
Sa ubos, atong tan-awon kon unsaon paggamit ang usa ka yano nga estilo sa CSS nga in-line property aron sa pagsubay sa mga hulagway, mga lamesa, parapo, ug daghan pa.
Hinumdomi: Ang maong mga pamaagi mahimo usab nga gamiton sa estilo sa gawas nga estudyo apan tungod kay kini magamit sa tagsa-tagsa nga mga butang ug tingali kinahanglan nga magpabilin nga ingon niana, labing maayo nga gamiton ang in-line nga estilo sama sa gihisgutan sa ubos.
Ipahiangay ang Mga Parapo sa Teksto
Ang tag sa paragraph mao ang unang dapit nga magsugod sa pagpahimutang sa imong web page. Kini nga pag-abli ug pagtapos sa mga tag ingon niini:
Ang default nga pag-align sa teksto sa usa ka parapo mao ang sa wala nga bahin sa panid, apan mahimo usab nimo i-align ang imong mga parapo ngadto sa tuo ug sentro.
Ang paggamit sa float property magpahisayon kanimo sa pag-align sa mga parapo ngadto sa tuo o sa wala sa elemento sa ginikanan. Ang bisan unsang ubang mga elemento sulod sa elemento sa ginikanan nga moagi sa palibot sa naglutaw nga elemento.
Aron makuha ang pinakamaayo nga epekto sa usa ka parapo, labing maayo nga ibutang ang lapad sa parapo nga mas gamay kaysa elemento sa sudlanan (ginikanan).
Itar-i ang Teksto Diha sa Parapo
Tingali, ang labing makapaikag nga paglinya alang sa teksto sa parapo mao ang "pagpakamatarong," nga nagsulti sa browser aron ipakita ang giparis nga teksto, sa esensya, ngadto sa tuo ug sa wala nga mga kilid sa bintana.
Aron hatagag katarungan ang teksto diha sa usa ka parapo, imong gamiton ang teksto nga ibutang ang kabtangan.
Mahimo usab nimo i-align ang tanan nga teksto sulod sa usa ka parapo sa tuo nga bahin o sa wala (ang default), gamit ang teksto nga ibutang ang propyedad.
Ang text-align nga kabtangan magtagbo sa teksto sulod sa elemento. Sa tinuud, dili kini angay nga i-align ang mga hulagway nga anaa sa sulod sa parapo o uban nga elemento, apan ang kadaghanan sa mga browerers nagtratar sa mga hulagway ingon nga inline alang niini nga propiedad.
Naglinya sa mga Imahen
Pinaagi sa paggamit sa float property sa usa ka tag sa imahe mahimo nimong ipasabot ang pagbutang sa mga hulagway sa panid ug kung giunsa kini nga pagbalikan sa teksto.
Sama sa mga parapo sa ibabaw, ang estilo sa float nga kabtangan diha sa tag sa imahen ang mopahimutang sa imong hulagway sa panid ug magsulti sa browser kon unsaon pag-agos sa teksto ug uban pang mga elemento libut niana nga hulagway.
Ang teksto nga nagsunod sa tag sa hulagway sa ibabaw moagos palibot sa hulagway sa tuo sama sa gipakita sa hulagway sa wala sa screen.
Kon gusto ko nga ang teksto mohunong sa pagputos sa larawan, akong gamiton ang tin-aw nga kabtangan:
Nagtakdo sa Labaw nga Mga Parapo
Hinoon, unsa man kon gusto nimo ipasubay ang labaw pa sa usa ka parapo o usa ka hulagway? Mahimo nimo ibutang ang usa ka estilo nga kabtangan sa matag parapo, apan adunay tag nga imong magamit nga mas epektibo:
Lamang palibuton ang teksto ug mga hulagway (lakip ang mga tag sa HTML ) uban ang tag ug ang estilo nga kabtangan (float o text-align) ug ang tanan nga bahin niana nga dibisyon ma-align kon unsaon nimo kini gusto.
Hinumdomi nga ang mga paglinya nga gidugang ngadto sa mga parapo o mga hulagway sa sulod sa dibisyon pagapasidunggan, nga mag-override sa tag.