0

私は、画像の束を含む絶対位置の div が固定幅の相対 div 内にある画像スライダー/ビューアを持っています。問題は、プロパティ float:left; が与えられていても、画像が水平方向に隣り合うのではなく、絶対配置された div 内で上下に表示されることです。-それらがラップされないようにするにはどうすればよいですか（ラップなしプロパティを介してテキストがラップされないようにするのと同様に？絶対に配置されたdivに、JavaScriptを介してその幅を計算せずにすべての要素を包含する幅プロパティを与えることはできますか？コードは次のとおりです:

<div id="homeSlider" style="width:800px; position:relative;">
    <div id="homeSlides" style="position:absolute;">
        <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/>
        <img class="homeSlide" src="images/temp-portfolio.jpg" alt="Portfolio Item"/>
    </div>
</div>
4

1 に答える 1

3

最も簡単な方法は (可能であれば)、imgアイテムをに設定してから、を haveにdisplay: inline-block設定し、すべてを一緒に回避することです。homeSlideswhite-space: nowrapfloat

フィドルを参照してください。

于 2012-07-28T16:19:16.130 に答える