html - Make image divs horizontally overflow parent div -


i'm having simple problem can't overcome. have parent div, 4 images inside, images overflow parent div (horizontally) can't seem achieve this.

.imgbanner {     border: 1px solid black;     width: 400px;     height: 400px;     display: inline-block;  }  .slideshow {     width: 400px;  }
<div class="slideshow">    <img class="imgbanner">    <img class="imgbanner">    <img class="imgbanner">    <img class="imgbanner">  </div>

this code using, doesn't seem overflow, though using display inline-block.

the outcome hide overflown images, , use javascript create slideshow.

edit: forgot add fiddle. https://jsfiddle.net/pwl2hy7s/

thanks :)

you can use

white-space: nowrap; 

on container. allow elements continue being inline, without being forced break.


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -