it-swarm.com.ru

Как расположить много элементов <div> рядом друг с другом без переноса

Есть три элемента div рядом в контейнере div, ширина которых меньше, чем общая длина дочерних элементов Width. Здесь вы можете найти Fiddle дела: 

Я хочу сделать контейнерную прокрутку div горизонтально, чтобы показать другим детям.

Как я могу расположить детей, чтобы они не оборачивались внутри контейнера div? Теперь он прокручивается вертикально, я хочу, чтобы он прокручивался горизонтально.

21
Reza Owliaei

Измените float: left на display: inline-block; и добавьте white-space: nowrap в контейнер.

37
Niet the Dark Absol

Вам нужна другая div внутри прокрутки div, которая имеет общую ширину, равную всей ширине его дочерних элементов. 

Смотрите: http://jsfiddle.net/joshdavenport/SasDh/2/

Там уже был дополнительный div, поэтому я использовал этот

Бонус: чтобы избавиться от вертикальной полосы прокрутки, используйте overflow-y: hidden. Смотрите: http://jsfiddle.net/joshdavenport/SasDh/3/

3
Josh Davenport

Тег <span> используется для группировки встроенных элементов в документе.
(источник)

0
Mykhaylo Adamovych