内嵌显示图像的问题

Question

我试图在同一行上显示多个图像而不打包。我已经尝试了我所知道的一切，让这项工作没有运气！我正在尝试为幻灯片放映制作图像选择器，该选择器将使用ajax/jQuery加载到页面中，我不希望它占用大量屏幕空间。理想情况下，我希望能够水平滚动并选择我的图像。

<script type="text/javascript">  
    $(document).ready(function() { 
     test(); 
    });  

    function test(){ 
     for (var i=0; i < images.length; i++) { 
     $("#test").append("<img src='"+images[i]+"' style='width:250px; height: 250px; margin:10px; display:inline'/>"); 
     }; 
    } 
</script> 
<div id="test"></div> 

平时我有0问题与HTML，所以我觉得问那种愚蠢的，我敢肯定，这是一个非常简单的错误我在做。任何帮助将不胜感激！

Answer 1

尝试应用到NOWRAP＃div的测试：

#test{ white-space:nowrap; } 

您可能还需要与周围溢出的div＃测试另一个包装：汽车;那么如果你想要水平滚动。

Answer 2

尝试浮动：留在图像或尝试包裹在一个div的图像，然后尝试浮动：左

Answer 3

尝试在<img>标签的样式float:left。如果没有帮助，请尝试将display:inline更改为display:inline-block。

Answer 4

试穿图像 float:left，我看到你没有申报的图像阵列（希望你在你的原码）