1

我的网站上有 jquery 选项卡，但在较小的屏幕上，选项卡换行到另一行有没有办法让选项卡不这样做？

4

2 回答 2

3

我点击了 NAVEED 的链接，它很乱。如果您只能使用支持实现 inline-block 的浏览器，请尝试：

jQuery('#mytabs')
    .tabs()
    .find('.ui-tabs-nav')
        .css('white-space','nowrap')
        .css('overflow','hidden')
        .find('li')
            .css('display','inline-block')
            .css('float','none')
            .css('vertical-align','bottom');

快速和肮脏，未经测试。

小提琴（js）：http: //jsfiddle.net/yxPa6/4/

小提琴（css）：http: //jsfiddle.net/kUuTE/2/

于 2012-06-27T00:44:58.020 回答
1

添加滚动按钮是隐藏不适合一行的选项卡的不错选择。这可以使用jquery-ui-tabs-paging插件轻松完成，请查看示例页面。

于 2013-06-21T13:32:26.940 回答