2

我正在尝试在同一行上显示多个图像而不会结束。我已经尝试了我所知道的一切来完成这项工作,但没有运气!我正在尝试为幻灯片制作一个图像选择器,该选择器将使用 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>

通常我对 HTML 有 0 个问题,所以我觉得问起来有点傻,我确信这是我犯的一个非常简单的错误。任何帮助将不胜感激!

4

4 回答 4

5

尝试将 nowrap 应用于 div#test:

#test{ white-space:nowrap; } 

您可能还需要另一个 div#test 包装器,带有 overflow:auto; 那么如果你想要水平滚动。

于 2012-11-01T14:16:56.533 回答
0

在图像中尝试 float:left 或尝试将图像包装在 div 中,然后尝试 float:left

于 2012-11-01T14:08:15.663 回答
0

尝试标签样式float:left<img>如果没有帮助,请尝试更改display:inlinedisplay:inline-block.

于 2012-11-01T14:15:45.877 回答
0

尝试float:left图像,我看到你没有声明图像数组(希望你在原始代码中有)

于 2012-11-01T14:17:00.067 回答