@NotLogo

Как расположить 3 flex-элемента в одну строку и выровнять их первый-по левому краю, второй по центру, третий по правому краю родителя?

Подскажите, пожалуйста:

Есть шапка сайта, которая содержит:

  1. Левый блок: Логотип и номера телефонов
  2. Центральный блок: меню
  3. Правый блок: иконки: поиск, аккаунтов, и т.д. и т.п.


ZMXvIzZ.png

  • Каждый из этих блоков произвольной, нефиксированной длины из-за динамического содержимого.
  • Каждый из блоков должен быть flex или inline-flex элементов для позиционирования дочерних элементов
  • Все три блока должны быть выравнены по вертикали относительно друг-друга.
  • Родитель имеет фиксированный max-widh и width: 100%
  • Вопрос задан
  • 119 просмотров
Пригласить эксперта
Ответы на вопрос 1
Rucklless
@Rucklless
<section class="space-between">
   <div></div>
   <div></div>
   <div></div>
</section>

.space-between {
    display: flex;
    justify-content: space-between;
}


https://codepen.io/rucklless/pen/yLoNyRW

тут можешь подробнее почитать
https://webref.ru/css/justify-content
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы