KATSTAT.RU-ТОП РЕЙТИНГ САЙТОВ С ОТДАЧЕЙ
Пиратская ферма, заходи, новичок
Уникальная онлайн игра! ЗАЙДИ И ОЦЕНИ!
Дешёвый Хостинг Сайтов
Принимай платеж на свои сайты без блоков
WorldByte - Наш хостинг - партнер

Топ дня: System

Крч не могу понять, гуглил этот вопрос, все предлагают скролл вниз, а мне нужен в бок:)
При использовании overflow-x:scroll скролится в низ)

Есть 50 элементов, но они ограничены дизайном и должно быть так, выводится сколько может на экран (по размеру дисплея), например 5:


Если блоков больше, то появляется скролл и скролит в бок те что не влезло:


Но у меня скролл не в бок, а вниз идет:

Изображение

------
69718_example3.png (1.7 Kb)
Скачиваний: 54

________
посл. ред. 21.01.2020 в 04:36; всего 3 раз(а); by Baymax

.blocksContainer {

 display: flex;

 flex-flow: row nowrap;

 overflow-x: auto;

 overflow-y: hidden;

 }

 .blockElement {

 flex: 0 0 100px;

 height: 100px;

 background: #000;

 margin: .25rem;

 }

Для контейнера с блоками -- blocksContainer
Для блока -- blockElement
________
посл. ред. 21.01.2020 в 06:59; всего 1 раз(а); by TypeOf