Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
幅 500px、高さ 50px の Div があります。この Div 内には、幅 50 ピクセル、高さ 50 ピクセルの小さな Div が多数 (たとえば 50 個) あります。垂直スクロールではなく水平スクロールが必要になりました。これらの小さなdivを垂直ではなく水平にオーバーフローさせるにはどうすればよいですか
また、小さな div の数も変更できます。
次のCSSを外部に割り当てますDIV。
DIV
white-space: nowrap; overflow-x: scroll;
このフィドルの例を参照してください。
子divをdisplay: inline-blockに設定してから、親をに設定してみてくださいwhite-space: nowrap。
display: inline-block
white-space: nowrap
お役に立てば幸いです:)
メインの div スタイルの定義
float : left; overflow : scroll;