動的な数のdiv要素(それぞれが独自の幅を持つ)を表示するように設計されたサイトを構築していますが、ページを下に移動する代わりに、水平方向に移動します。ただし、アイテムの合計幅がコンテナdivよりも大きい場合は、自動的に次の行にドロップダウンします。とにかくそれが起こらないようにし、(オーバーフローバーではなくスクリプトによって)水平スクロールを可能にする方法はありますか?
8097 次
1 に答える
14
それらをフローティングするのではなく、に設定しますdisplay:inline-block;
。含む要素をに設定するoverflow:hidden;
と、スクリプトを使用して、最初の要素のマージンを調整したり、別の要素でラップしてleft
属性を変更したりするなど、さまざまな方法でスクロールできます(position
このルートに行く場合)。
編集:また、設定する必要がありますwhite-space:nowrap
この実用的なフィドルを参照してください:http://jsfiddle.net/D8bea/
于 2012-04-16T17:13:39.330 に答える