Is e sruth àbhaisteach an dòigh anns a bheil eileamaidean air an taisbeanadh ann an duilleag lìn anns a 'mhòr-chuid de shuidheachaidhean. Tha na h-eileamaidean ann an HTML taobh a-staigh bhogsaichean a tha ann am bogsaichean in-loidhne no bogsaichean bloca .
A 'cur a-mach bogsaichean càr
Ann an sruth àbhaisteach, tha bogsaichean bloc air an suidheachadh air duilleag a h-aon às deidh an tè eile (san òrdugh a tha iad air an sgrìobhadh san HTML ). Bidh iad a 'tòiseachadh anns an taobh chlì gu h-àrd air a' bhogsa anns a bheil bogsa agus cruach bho mhullach gu bonn. Tha an t-astar eadar gach bogsa air a mhìneachadh leis na h-oirean le oirean àrd is bonn a 'tuiteam gu chèile.
Mar eisimpleir, is dòcha gum bi na HTML a leanas agad:
Is e seo a 'chiad div. Tha e 200 pictear de leud agus iomall 5px timcheall air.
Tha seo na roinn nas fharsainge.
Is e seo div a tha beagan nas fharsainge na an dàrna fear.
Tha gach DIV na eileamaid bloic, agus mar sin thèid a chur fo na h-eileamaid bloca roimhe. Bidh gach oir taobh a-muigh air an taobh chlì a 'ceangal ri oir clì a' bhloca anns a bheil e.
A 'cur a-mach bogsaichean Inline
Tha bogsaichean in-loidhne air an cur sìos air an duilleig gu còmhnard, aon às dèidh an eile a 'tòiseachadh aig mullach na h-eileamaid soithich. Nuair nach eil àite gu leòr ann airson na h-eileamaidean anns a 'bhocsa in-loidhne air aon loidhne, bidh iad a' dol dhan ath loidhne agus a 'cruachadh gu dìreach bho sin.
Mar eisimpleir, anns na HTML a leanas:
Tha an teacsa seo trom agus tha an teacsa seo eadailteach . Agus is e teacsa shoilleir a tha seo.
Tha am paragraf na eileamaid bloic, ach tha 5 eileamaidean inline:
- "Tha an teacsa seo"
- "trom"
- "agus tha an teacsa seo"
- "eadailteach"
- "Agus tha an teacsa sìmplidh seo."
Mar sin, tha sruth àbhaisteach mar a sheallas na h-eileamaidean bloca agus in-loidhne air an duilleag-lìn gun eadar-theangachadh sam bith bhon dealbhaiche lìn.
Ma tha thu airson buaidh a thoirt air far a bheil eileamaid air duilleag, faodaidh tu suidheachadh CSS no seòmraichean CSS a chleachdadh .