CSS Flexbox. Elemente Flexbox. Element părinte (Container).
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Pentru a începe să utilizați modelul Flexbox, trebuie să definiți mai întâi un recipient flex (flex container).
Elementul de mai sus reprezintă un recipient flex (flex container) (zona albastră) cu trei elemente flexibile.
Exemplu:
Un container flex cu trei articole flexibile:
<div class="flex-container">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
O dispunere flexibilă (Flexible Layout) trebuie să aibă un element părinte cu proprietatea de afișare setată la flex.Elementele directe ale copilului containerului flexibil devin automat elemente flexibile.
Element părinte (Container)
Recipientul flex (flex container) devine flexibil prin setarea proprietății display la flex:
Exemplu:
.flex-container {
display: flex;
}