Tá iompraíocht display réamhshocraithe ag gach eilimint a rialú an t-sreabh atá aici sa leagan amach.
Tá iompraíocht display réamhshocraithe ag gach eilimint a rialú an t-sreabh atá aici sa leagan amach.
<div>, <p>, <h1>, <section>, <ul>.<span>, <a>, <strong>, <em>.<p>This is a <strong>bold</strong> word inside a paragraph.</p>
<!-- <strong> stays inline; the two <div>s below stack vertically -->
<div>Block one</div>
<div>Block two</div>
span { width: 200px; height: 50px; } /* ❌ ignored — span is inline */
Ní dhéanann socrú width/height ar eilimint ionlíne rud ar bith. An socrú ná a display a athrú:
span { display: inline-block; width: 200px; } /* ✅ flows inline BUT respects size */
Suíonn inline-block i sreabh an téacs (taobh ar thaobh) agus urraim a thabhairt do width/height/margins — foirfe do ghnéithe loingsithe, bachanna, nó cnaipe leagtha amach i ábhairín.
block → new line, full width, sizeable
inline → in-line, content width, NOT sizeable (vertically)
inline-block → in-line, content flow, sizeable
Tuiscint a bheith agat ar display réamhshocraithe a mhíníonn cén fáth nach dtógfaidh do <span> airde, cén fáth a chruthaíonn <div> a chéile, agus cathain ba cheart athrú go inline-block, flex, nó grid.
Is é seo an bunús ar conas a dhéanann eilimintí socrú sula gcuireann tú aon chóras leagan amach i bhfeidhm.
Leabharlann de cheisteanna agallaimh TF le freagraí mionsonraithe — ó Shóisearach go Sinsearach.
Síntiús