Предотвратить теги HTML <img>от упаковки

Question

У меня есть JavaScript, который динамически создает множество тегов <img> и добавляет их к различным элементам div.

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

Answer 1

Добавьте следующий CSS к div, содержащему теги img:
overflow-x: auto; white-space: nowrap;
, чтобы получить горизонтальную полосу прокрутки, когда содержимое шире, чем div, и предотвратить содержимое из упаковки.

Answer 2

в CSS

div {
 overflow: auto;
}