Отзывчивая горизонтальная прокрутка div в indexhibit имеет слишком большую ширину

Question

Я создаю портфолио в indexhibit, где на всех страницах изображений используется горизонтальный div для прокрутки изображений.

Мне не понравилось, как изображения были снижены по качеству и хотели, чтобы они выглядели так же широко, как экран посетителей позволял (без этого переходил), поэтому я сделал их отзывчивыми (высота: 90%, ширина: авто;).

Проблема: горизонтальный контейнер div имеет ширину, равную размеру всех исходных изображений (в соответствии с форматированием индексной формы) - оставляя большое белое пространство справа от всех изображений. Это связано с тем, что изображения уменьшены, чтобы соответствовать экрану в ответ - так что я думаю, если бы у вас был достаточно большой размер экрана, эти изображения на самом деле были бы

Если я делаю контейнер div width: auto, он, очевидно, разбивает изображения на следующий линия.

Есть ли что-то, что я могу сделать с помощью CSS, чтобы решить эту проблему - я не уверен, что я вхожу и модифицирую файлы ядра с помощью этого cms.

Благодаря

Майк Чалмерс

Answer 1

Я играл с тем, как изображения были отображаются и встроенный блок решил. Контейнер нуждается в некоторых изменениях, чтобы отобразить его горизонтально. Вот базовый код:

#img-container { 
overflow-x: scroll; 
overflow-y: hidden; 
white-space:nowrap; 
} 
.img-div { 
    display: inline-block; 
}