1

Web で水平方向に可変量の画像を表示したい (水平スクロール バーで移動できます) が、ブラウザーの 100% 幅を超えて画像を表示できません。

画像の量はさまざまであるため、コンテナーに一定の幅を設定することは避ける必要があります。

これが私が今試しているコードです。

HTML :

    <div id="container-galeria">
        <img src="galeria1/1.jpg">
        <img src="galeria1/1.jpg">
        <img src="galeria1/1.jpg">
        <img src="galeria1/1.jpg">
        <img src="galeria1/1.jpg">
    </div>

CSS :

#container-galeria{width:auto;min-width:100%;height:auto;min-height:100%;}
#container-galeria img{float:left}

私がはっきりしていて、誰かがこれを手伝ってくれることを願っています。前もって感謝します！

4

1 に答える 1

0

これを試して：

<div id="container-galeria">
       <ul><li> <img src="galeria1/1.jpg"></li>
       <li> <img src="galeria1/1.jpg"></li>
        <li><img src="galeria1/1.jpg"></li>
        <li><img src="galeria1/1.jpg"></li>
        <li><img src="galeria1/1.jpg"></li>
    </div>

 ul {

  list-style:none; 
  white-space: nowrap;
}
li {
  float: left:
/*overflow-x:scroll; /*optional*/ */
width:120px;
  display: inline;
}

http://pastebin.com/8x6P8nA1

于 2013-05-25T23:20:25.610 に答える