0

В menu__list с помощью d-flex justify-content-between пункты не размещаются равномерно, что не так?

<nav class="menu">
  <ul class="menu__list d-flex justify-content-between ">
    <a href="#about" class="menu__link">
      <li class="menu__item">
        Обо мне
      </li>
    </a>
    <a href="#skills" class="menu__link">
      <li class="menu__item">
        Навыки
      </li>
    </a>
    <a href="#work" class="menu__link">
      <li class="menu__item">
        Работы
      </li>
    </a>
  </ul>
</nav>

Результат

2
  • не размещаются равномерно значит, что они уже чем надо?
    – Bogdan
    5 фев 2019 в 12:10
  • А где CSS ?????
    – Air
    5 фев 2019 в 12:33

1 ответ 1

1

nav.menu {
  max-width: 1170px;
  margin: 0 auto;
}

.menu__list {
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
  justify-content: space-between;
}
<nav class="menu">
  <ul class="menu__list d-flex justify-content-between ">
    <a href="#about" class="menu__link">
      <li class="menu__item">
        Обо мне
      </li>
    </a>
    <a href="#skills" class="menu__link">
      <li class="menu__item">
        Навыки
      </li>
    </a>
    <a href="#work" class="menu__link">
      <li class="menu__item">
        Работы
      </li>
    </a>
  </ul>
</nav>

Всё хорошо работает. Может у Вас ширина контейнера маленькая? Либо опечатка.

4
  • 2
    Поздравляю Вас с достижением 2000! 5 фев 2019 в 20:48
  • Ширина,вообще была не задана,спасибо всем ребята,все исправила, все получилось, для начинающего это большое достижение маленькими шагами 6 фев 2019 в 7:51
  • @НатальяKравченко, желаю успехов в начинаниях!
    – meine
    6 фев 2019 в 8:32
  • Спасибо, meine!!! 7 фев 2019 в 23:22

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.