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
Post a Comment