Is gnách sreabhadh an chaoi a léirítear eilimintí ar leathanach gréasáin sa chuid is mó de na cúinsí. Tá gach eilimint in HTML taobh istigh de bhoscaí atá boscaí inlíne nó boscaí bloc .
Boscaí Bloc a leagan amach
Sa ghnáthshreabhadh, tá boscaí bloc suite ar leathanach amháin tar éis an duine eile (san ord a scríobhtar iad sa HTML ). Tosaíonn siad ar an taobh clé uachtarach den bhosca ina bhfuil agus ag cruach ó bharr go barr. Déantar an t-achar idir gach bosca a shainmhíniú ag na corrlaigh le corrlaigh barr agus bun ag titim go chéile.
Mar shampla, b'fhéidir go mbeadh na HTML seo a leanas agat:
Is é seo an chéad div. Tá sé 200 picteilín leathan le corrlach 5px timpeall air.
Is div níos leithne é seo.
Seo div atá beagán níos leithne ná an dara ceann.
Is blocghné é gach DIV, mar sin cuirfear é faoi bhun an eilimint bhloc roimhe seo. Cuirfidh gach imeall lasmuigh d'fhág imeall na láimhe clé den bhloc atá ann.
Ag leagan amach Boscaí Inlíne
Tá boscaí inlíne leagtha amach ar an leathanach go cothrománach, ceann tar éis an ceann eile ag barr an eilimintí coimeádáin. Nuair nach bhfuil go leor spás ann chun na heilimintí uile den bhosca inlíne a fhreagairt ar líne amháin, téann siad go dtí an chéad líne eile agus déanann siad cruachan go hingearach as sin.
Mar shampla, sa HTML seo a leanas:
Tá an téacs seo trom agus tá an téacs seo iodálach . Agus is téacs simplí é seo.
Is blocghné í an mhír, ach tá 5 eilimint inlíne ann:
- "Tá an téacs seo"
- "trom"
- "agus tá an téacs seo"
- "iodáil"
- "Agus is é seo an téacs simplí."
Mar sin is gnách sreabhadh an chaoi a taispeánfar na heilimintí bloc agus inlíne seo ar an leathanach gréasáin gan aon idirghabháil ag an dearthóir gréasáin.
Más mian leat difear a dhéanamh i gcás ina bhfuil eilimint ar leathanach, is féidir leat úsáid CSS nó snámhphointe CSS a úsáid .