Страницы

Поиск по вопросам

суббота, 23 марта 2019 г.

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

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


Ответ

Есть много вариантов, в зависимости от того, как нужно отображать сами блоки. Один с вариантов:
.container{overflow:hidden;width:200px} .box{white-space:nowrap} .box div{width:90px;display:inline-block;border:1px solid black}

content1
content2
content3

Пример

Комментариев нет:

Отправить комментарий