Верстка · Junior · Запитання 31 з 75
Який спосіб коректно центрує блок по горизонталі й вертикалі всередині батька?
- 1У батька:
text-align: center; vertical-align: middle; line-height: 100% - ✓Правильна відповідь: У батька:
display: flex; justify-content: center; align-items: center - 3У дитини:
margin: autoбез жодних стилів батька
Пояснення
Flexbox із justify-content та align-items: center - найпоширеніший спосіб (варіант на Grid: display: grid; place-items: center). text-align центрує лише рядковий вміст, а vertical-align не працює для блоків. margin: auto у звичайного блока центрує лише по горизонталі (і лише за заданої ширини); по вертикалі він працює всередині flex/grid.