DariaShvakh
@DariaShvakh
"Она - безнадёжна" (с)

Как в моём случае «отрабатывает» justify-content: space-around?

Добрый день.
Это не - дежавю, это ту би континиум.)
Есть Элемент Страницы - Блок
Заголовок у блока "Обыск в кабинете вице-мэра" (из сегодняшней новостной ленты)) - фиксированный (не прокручивается при скролле). Немного "вывалился" но не о том вопрос.
Внутри блока - второй блок который прокручивается при скролле.
В этом блоке - 15 заголовков.
При применении св-ва justify-content: space-around к "родителю" список заголовков (доступных для обзора, в поле "родителя") начинается с номера - 7 ( 7 Следователи организовали обыск в кабинете первого).
justify-content: space-around -- Флексы равномерно распределяются по всей строке. Пустое пространство перед первым и после последнего элементов равно половине пространства между двумя соседними элементами.

Объясните пожалуйста.
Почему в моём случае они (равномерно распределились-это понятно) не отображаются все полностью в области просмотра "родителя".
Спасибо!
  • Вопрос задан
  • 193 просмотра
Решения вопроса 1
wapster92
@wapster92 Куратор тега CSS
Могу сделать предположение, space-around не дружит со свойством скролл и не видит границ от которых ему нужно отталкиваться. Думаю если сделать обертку вокруг заголовков которая будет скроллится и иметь определенную высоту, то ситуация исправиться. Но лучше убрать свойство justify content
UPD: Перенес
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@MamaLuyba
и снова здравствуйте!
видимо, это свойство служит для работы со строками, а не столбцами - отсюда и такое странное поведение.
если выставить justify-content: start - то все нормально показывает.
Ответ написан
Ваш ответ на вопрос

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

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