0

Javascript ベースの画像ギャラリーの作成に取り組んでいます。現在、画像がすべて同じ高さになるようにコードを設定していますが...

すべての画像が 1 行に表示されるようにマークアップと CSS を配置するにはどうすればよいですか。また、新しい画像がブラウザー ウィンドウの幅の外側にある場合、「範囲外」の画像の部分は単に非表示にして次の行に表示しない?

私は、画像自体とそのコンテナについてさまざまな方法でoverflow、float、およびを試してきましたが、役に立ちませんでした。私がここで見落としている単純なものがあるに違いありません。displaydiv

現在、マークアップは次のようになっています。

<div id="slider">
    <img src="img1.png" /> 
    <img src="img2.png" /> 
    <img src="img3.png" /> 
</div>

画像の合計幅がブラウザ ウィンドウの幅よりも大きい場合でも、1 行に表示されるようにスタイルを設定するにはどうすればよいですか?

ありがとう。

4

1 に答える 1

3 
#slider {
    white-space: nowrap;
    overflow   : hidden;
    width      : 100%
}
于 2012-04-25T05:28:52.170 に答える