ブックマークを格納するメニューバー (div) があり、挿入されたブックマークが多すぎると、このメニューバー (div) が優先ページサイズ (1280、720) に対して幅が広すぎてスクロール可能になり、ブックマークの半分が表示されなくなります。
すべてのブックマークが表示されていることを確認したいので、余分なブックマークを次の行に表示するのが最善の方法のようです。誰かが私を正しい方向に導くことができますか、それとも実用的なサンプルを提供できますか? 私はjqueryの使い方を学んでいて、これが非常に難しいと感じています。
要素にこれがありulます。
white-space: nowrap;
つまり、その要素の内容が別の行に折り返されることはないため、代わりにウィンドウの端を超えて拡張されます。そのルールを取り除くと、あなたが望むものに近いものになります. つまり、コンテンツが 1 行オーバーフローした場合、次の行に折り返す必要があります。
http://jsfiddle.net/bH8yA/ そのような解決策をお探しですか？もしそうなら、それはまっすぐなCSSです。
css overflow-x: auto; を使用してそれを実現できます。例を参照してくださいhttp://jsfiddle.net/Xa8yB/6/