0

我有一个包含书签的菜单栏(div),当插入太多书签时,这个菜单栏(div)对于首选的页面大小(1280、720)变得太宽,并且变成滚动,留下一半的书签看不见。

在此处输入图像描述

我想确保所有书签都在视图中,最好的选择似乎是我必须让额外的书签出现在下一行。有人可以引导我朝着正确的方向前进,或者更好地提供一个工作样本。我刚刚学习使用 jquery,发现这非常困难。

jsfiddle 中的示例代码

4

3 回答 3

2

ul你在元素上有这个。

white-space: nowrap;

这意味着该元素的内容永远不会换行,因此它会延伸到窗口边缘之外。删除该规则,您将获得更接近您想要的东西。也就是说,当您的内容溢出一行时,您希望它行到下一行。

http://jsfiddle.net/y9a64/9/

于 2012-06-26T21:40:08.037 回答
0

http://jsfiddle.net/bH8yA/ 您是否正在寻找这样的解决方案?如果是这样,那就是直接的 CSS。

于 2012-06-26T21:37:28.243 回答
0

你可以通过使用 css overflow-x: auto; 来实现。请参阅示例http://jsfiddle.net/Xa8yB/6/

于 2012-06-26T21:48:47.333 回答