Jquery ui标签正在换行到另一行

Question

我的网站上有jquery标签，但在较小的屏幕上，标签换行到另一行是否有办法阻止标签执行此操作？

Answer 1

我按照了NAVEED的链接，它很乱。如果您只能使用支持实现内联块的浏览器，请尝试：

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');

快速＆amp;很脏，没有经过测试。

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

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

Answer 2

添加滚动按钮是隐藏不适合一行的标签的不错选择。使用jquery-ui-tabs-paging插件可以轻松完成此操作，请查看示例page。