Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you don't mind getting rid of the <code>float:left</code> property, I tested the following code in Chrome and it seems to match your requirement:</p> <pre><code>&lt;style type="text/css"&gt; &lt;!-- #sortableContainer { width: 590px; overflow: scroll; height:auto; } #sortableScroller { width: auto; white-space:nowrap; } .sortableItem { /* float:left;*/ height: 460px; padding: 0; margin: 0; background-color:black; width:200px; display:inline-block; } --&gt; &lt;/style&gt; &lt;div id="sortableContainer"&gt; &lt;div id="sortableScroller"&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;div class="sortableItem"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Properties that have no indention is added by me.</p> <p>I changed the <code>width</code> of the container a little bit to match my screen, and used <code>div{display:inline-block;width:200px;}</code> to simulate the imgs but I think this should work on real images.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload