.toolbar { display: flex; }Cele două acțiuni intră în același context de aranjare.
LECȚIA 51 DIN 100
Creează primul container flex
Așază elementele unei bare pe axa principală Flexbox.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
display: flex transformă elementul într-un container flex. Copiii săi direcți devin elemente flex și sunt așezați implicit într-un singur rând.
.toolbar { display: block; }block păstrează fluxul de bloc obișnuit și nu creează elemente flex.
PASUL 2 · APLICĂ
Exercițiul tău
Transformă .toolbar într-un container flex.
index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ
Ce trebuie să treacă
0%neverificat
- ○Bara folosește display: flex.
- ○Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării
display stabilește modelul de aranjare al copiilor direcți; valoarea flex activează axele și regulile Flexbox.