HTML i CSS · Junior · Pytanie 31 z 75
Które podejście poprawnie centruje blok poziomo i pionowo wewnątrz rodzica?
- 1Na rodzicu:
text-align: center; vertical-align: middle; line-height: 100% - ✓Poprawna odpowiedź: Na rodzicu:
display: flex; justify-content: center; align-items: center - 3Na dziecku:
margin: autobez żadnych stylów rodzica
Wyjaśnienie
Flexbox z justify-content i align-items: center to najpopularniejszy sposób (alternatywa w Grid: display: grid; place-items: center). text-align centruje tylko treść liniową, a vertical-align nie działa na bloki. margin: auto na zwykłym bloku centruje tylko poziomo (i tylko przy ustawionej szerokości); pionowo działa wewnątrz flex/grid.