防止HTML <img> 包装标签

Question

I have JavaScript that dynamically creates many <img> tags and appends them to various divs.

I want to prevent these images from wrapping. That is, when the screen resolution is not enough to contain them, the browser should create horizontal scroll-bars instead of wrapping.

Answer 1

Add the following CSS to the div containing the img tags:
overflow-x: auto; white-space: nowrap;
in order to get a horizontal scrollbar when the content is wider than the div and to prevent the content from wrapping.

Answer 2

in CSS

div {
 overflow: auto;
}