Расположение нескольких div-ов в одну строку

#html #css

Подскажите, пожалуйста, как можно расположить несколько div-ов в одну строку таким
образом, чтобы даже в том случае, если их общая ширина превышала ширину контейнера,
они всё равно не переносились на новую строку, а просто происходила обрезка не помещающихся
div-ов.
    

Ответы

Ответ 1

Есть много вариантов, в зависимости от того, как нужно отображать сами блоки. Один
с вариантов:



.container{overflow:hidden;width:200px}
.box{white-space:nowrap}
.box div{width:90px;display:inline-block;border:1px solid black}

  

    
content1
    
content2
    
content3
  





Пример


Ответ 2

.

    

        
content
        
content
        
content++
    



Ответ 3

На мой взгляд, самое нормальное решение:


    

        
content
        
content
        
content++
    



Ответ 4

Я использовал у себя эту часть:


content
content
content++



и все заработало.