Kumaha align tur ngambang Unsur dina Page Web

The panempatan barang dina hiji kaca web anu penting pikeun desain na sakabéh. Padahal aya cara lianna pangaruh perenah, sapertos ngagunakeun tabél ( nu urang ulah nyarankeun ), nu pangalusna nyaéta ngagunakeun CSS .

Handap, urang gé butuh katingal di kumaha ngagunakeun gaya CSS basajan harta di-jalur pikeun align Gambar, tabel, paragraf, jeung leuwih.

Catetan: métode anu sarua ieu bisa dipaké dina gaya cadar éksternal teuing tapi saprak ieu dilarapkeun ka item individu jeung dipikaresep kudu tetep jalan éta, leuwih sae pikeun make di-jalur styling kawas naon disebutkeun di handap ieu.

Align Paragraf téks

Tag ayat teh tempat munggaran pikeun ngamimitian dina peletakan kaluar kaca web Anjeun. Eta muka sarta tag nutup kasampak kawas kieu:

The alignment standar tina téks dina ayat hiji ka sisi kénca kaca, tapi anjeun oge bisa align ayat Anjeun ka katuhu jeung puseur.

Ngagunakeun harta ngambang ngidinan Anjeun align ayat ka katuhu atawa ka kenca dina unsur indungna. Sagala elemen séjén jero éta unsur indungna bakal ngalir sabudeureun unsur floated.

Pikeun meunangkeun éfék pangalusna kalawan ayat hiji, leuwih sae pikeun ngeset lebar dina ayat éta leuwih leutik batan wadah (indungna) unsur.

Align nu téks Di jero Paragraf

Arguably, anu alignment paling narik keur téks ayat nyaeta "menerkeun" nu ngabejaan browser pikeun nembongkeun tulisan dina Blok, dasarna, mun duanana bener jeung sisi kénca jandela.

Menerkeun téks dina ayat a, anjeun bakal nganggo harta téks-align.

Anjeun oge bisa align sakabéh téks jero hiji ayat ka sisi katuhu atawa kénca (standar nu), ngagunakeun harta téks-align.

Harta téks-align bakal align téks jero unsur. Téhnisna, ayeuna teh teu sakuduna dituju align gambar nu ngandung jero ayat atanapi unsur sejen, tapi paling panyungsi ngubaran gambar sakumaha inline keur sipat ieu.

Aligning Gambar

Ngagunakeun harta ngambang dina hiji tag gambar anjeun tiasa ngartikeun panempatan gambar dina kaca na kumaha téks bakal mungkus sabudeureun éta.

Kawas nu ayat di luhur, gaya ngambang harta di tag gambar bakal posisi gambar Anjeun dina kaca jeung ngabejaan browser kumaha ngalir téks na elemen séjén di sabudeureun gambar éta.

Téks di handap tag gambar di luhur baris ngalir sabudeureun gambar ka katuhu salaku mintonkeun gambar ka kénca layar.

Mun kuring rék téks pikeun ngeureunkeun wrapping sabudeureun gambar, abdi nganggo harta jelas:


Aligning leuwih ti Paragraf

Sanajan kitu, kumaha lamun rék align leuwih ti saukur paragraf atawa hiji gambar? Anjeun bisa kalayan gampang bisa nempatkeun sipat gaya dina unggal paragrap, tapi aya tag Anjeun tiasa make eta leuwih efektif:

Kantun ngurilingan téks na gambar (kaasup tag HTML ) kalawan tag jeung sipat gaya (ngambang atawa téks-align) jeung sagalana di division anu bakal Blok kumaha anjeun dipilampah eta.

Terus di pikiran nu alignments ditambahkeun kana paragraf atawa gambar dina division bakal ngahormatan, overriding tag.