Задать вопрос
@DeniSidorenko

Как задать центрирование по вертикали?

Привет есть такая структура
<header>
<div class='header-block__one'> Content</div>
<div class='header-block__two'> Content</div>
<div class='header-block__three'> Content</div>
<div class='header-block__four'> Content</div>
<div class='header-block__five'> Content</div>
</header>


header{
height: 50px;}

header div{
 display: inline-block}


Я описал не весь цсс и html код но хочу что бы вы поняли. Так вот макс высота для всех эти ИНЛАЙНОВЫХ блоков 50px, каждый имеет разную высоту, 22, 30, 45. Так вот как мне центрировать по вертикали относительно header'a?
  • Вопрос задан
  • 164 просмотра
Подписаться 1 Оценить 3 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
mrusklon
@mrusklon
Не получается? Яростно гугли!
Ответ написан
Комментировать
alsolovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
Ну, допустим, flex-box
header{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Gortyser
display: none;
Лучше не задавать фиксированную высоту, потом будут проблемы
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы