Cad a dhéanann an t-airí display a rialú?

Question

Accepted Answer

`display` is one of the most fundamental CSS properties — is airí CSS go bhfuil tábhacht fíor-bhunúsach aici, agus rialann sí **conas a ghenerálann eilimint bosca** agus conas a leagtar amach a páistí.

```css
.a { display: block; }        /* full width, starts new line (div, p, section) */
.b { display: inline; }       /* flows in text, ignores width/height (span, a) */
.c { display: inline-block; } /* flows inline BUT respects width/height/margins */
.d { display: none; }         /* removed entirely — no space, not rendered */
.e { display: flex; }         /* flex container — 1D layout for children */
.f { display: grid; }         /* grid container — 2D layout for children */
```

## Seachtrach in aghaidh an bhreiseáin

`display` i ndáiríre socraionna dhá rud: conas a iompraíonn an bosca **lasmuigh** (bloc/inlíne) agus conas a leagtar amach a **pháistí** istigh (sruth/flex/grid). `display: flex` ciallaionna "is bosca bloc-leibhéal an bosca seo, agus is eilimintí flex iad a páistí."

## display: none in aghaidh visibility: hidden

```css
.gone   { display: none; }        /* removed from layout — takes NO space */
.hidden { visibility: hidden; }    /* invisible but STILL occupies its space */
```

Idirdhealú ríthábhachtach: cuireann `display: none` an leagan amach i bhfoluain (agus folaionu ó léitheoirí scáileáin); fágann `visibility: hidden` bearna san áit ar bhí an eilimint. Úsáid `display: none` chun a bhaint go fíor, `visibility: hidden` chun a fholuain agus leagan amach a chaomhnú.

## Na hoibrithe leagan amach

```css
.container {
  display: flex;          /* lay children in a row/column (one dimension) */
  gap: 1rem;
}
.grid {
  display: grid;          /* lay children in rows AND columns (two dimensions) */
  grid-template-columns: repeat(3, 1fr);
}
```

Tógtar leagan amach nua-aimseartha beagnach ar fhad iomlán ar `flex` (1D — sraitheanna nó cholúin) agus `grid` (2D — sraitheanna agus colúin le chéile).

## Cén fáth a bhfuil sé tábhachtach

Socraionna `display` iompar leagan amach iomlán eiliminte.

Tuiscint ar bhloic in aghaidh inlíne in aghaidh inlíne-bhloic a mhíniú fút sreabhadh réamhshocraithe; is `flex`/`grid` croílár an leagan amach nua-aimseartha; agus tá an t-idirdhealú `none` in aghaidh `visibility` ina idirdhealú atá tástáilte go minic agus ina sonraí atá díreach-úsáideach.