Kaj nadzoruje lastnost display?

Question

Accepted Answer

`display` je ena od najbolj temeljnih CSS lastnosti — nadzoruje **kako element generira polje** in kako so njegovi otroci razporejeni.

```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 */
```

## Zunanji vs notranji prikaz

`display` dejansko nastavi dve stvari: kako se polje obnaša **zunaj** (block/inline) in kako razporedi svoje **otroke** znotraj (flow/flex/grid). `display: flex` pomeni "to polje je na ravni bloka, njegovi otroci pa so flex elementi."

## display: none vs visibility: hidden

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

Pomembna razlika: `display: none` strne postavitev (in skrije pred čitalniki zaslona); `visibility: hidden` pusti vrzel, kjer je bil element. Uporabite `display: none` za resnično odstranitev, `visibility: hidden` pa za skrivanje ob ohranitvi postavitve.

## Delovni konji postavitve

```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);
}
```

Moderna postavitev je zgrajena skoraj v celoti na `flex` (1D — vrstice ali stolpci) in `grid` (2D — vrstice in stolpci skupaj).

## Zakaj je to pomembno

`display` določa celotno vedenje postavitve elementa.

Znanje razlike med block, inline in inline-block razlaga privzeti tok; `flex`/`grid` sta jedro sodobne postavitve; razlika med `none` in `visibility` pa je pogosto testirana, praktično pomembna podrobnost.