我有一个包含书签的菜单栏(div),当插入太多书签时,这个菜单栏(div)对于首选的页面大小(1280、720)变得太宽,并且变成滚动,留下一半的书签看不见。
我想确保所有书签都在视图中,最好的选择似乎是我必须让额外的书签出现在下一行。有人可以引导我朝着正确的方向前进,或者更好地提供一个工作样本。我刚刚学习使用 jquery,发现这非常困难。
我有一个包含书签的菜单栏(div),当插入太多书签时,这个菜单栏(div)对于首选的页面大小(1280、720)变得太宽,并且变成滚动,留下一半的书签看不见。
我想确保所有书签都在视图中,最好的选择似乎是我必须让额外的书签出现在下一行。有人可以引导我朝着正确的方向前进,或者更好地提供一个工作样本。我刚刚学习使用 jquery,发现这非常困难。
ul
你在元素上有这个。
white-space: nowrap;
这意味着该元素的内容永远不会换行,因此它会延伸到窗口边缘之外。删除该规则,您将获得更接近您想要的东西。也就是说,当您的内容溢出一行时,您希望它换行到下一行。
http://jsfiddle.net/bH8yA/ 您是否正在寻找这样的解决方案?如果是这样,那就是直接的 CSS。
你可以通过使用 css overflow-x: auto; 来实现。请参阅示例http://jsfiddle.net/Xa8yB/6/