Не работает свойство justify-content: space-between; [закрыт]

115

03 июля 2021, 16:20

Закрыт. Этот вопрос не по теме. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском.

Закрыт 1 год назад.

Улучшить вопрос

            Всем добрый вечер :-)

Подскажите пожалуйста почему не работает свойство justify-content: space-between; в данном конкретном примере. https://yadi.sk/d/dQk3b0Vx5lpbTw Ведь оно как я понял прижимает элементы контейнера к краям а между ними оставляет равный промежуток. Но на самом деле получается так :-( https://i.imgur.com/mmou38g.png Помогите пожалуйста понять где ошибка. С уважением Сергей Кондулуков

Answer 1

Вы используете тег <menu>, у которого есть стили по умолчанию, среди которых внутренний левый отступ padding.

Flexbox отрабатывает нормально, прижимая крайний левый элемент к левому краю. Просто у Вас левый край смещен.

Задайте тегу принудительно padding: 0