如何使用水平滚动条在一行中管理多个div

Question

我想要显示30个相同的div。所以我采取循环显示30 div。现在我只想在一行中使用div。如果div超出屏幕，那么它将显示水平滚动条。 请帮忙。谢谢你提前。

守则是 -

<div id="sort-able" >
     <?php for($j=0;$j<30;$j++){?>
         <div class = "dragg-able" >Home - <?php echo $j;?></div> 

      <?php } ?>
</div>

Answer 1

<div id="sort-able" style="width: 100%; overflow-x: scroll; white-space:nowrap;" >
     <?php for($j=0;$j<30;$j++){?>
         <div class = "dragg-able" style="display:inline; ">Home - <?php echo $j;?></div> 
      <?php } ?>
</div>

示例：http://kelostrada.pl/test.php