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 に関する問題をまったく抱えていないので、質問するのはばかげているように感じます。それは私が犯している非常に単純な間違いだと確信しています。どんな助けでも大歓迎です!

4

4 に答える 4

5

div#test に nowrap を適用してみてください:

#test{ white-space:nowrap; } 

また、overflow:auto; を使用して div#test の周りに別のラッパーが必要になる場合があります。次に、水平スクロールが必要な場合。

于 2012-11-01T14:16:56.533 に答える
0

画像で float:left を試すか、画像を div でラップしてから float:left を試してください

于 2012-11-01T14:08:15.663 に答える
0

タグスタイルで試してみてくださいfloat:left<img>解決しない場合は、 に変更display:inlineしてみてくださいdisplay:inline-block

于 2012-11-01T14:15:45.877 に答える
0

画像を試しfloat:leftてみると、画像配列を宣言していないことがわかります(元のコードにあることを願っています)

于 2012-11-01T14:17:00.067 に答える