javascript - Jquery ui 选项卡换行到另一行

Question

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

Answer 1

我点击了来自 NAVEED 的链接，它很乱。如果您只能忍受实现内联 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');

快速且肮脏，未经测试。

fiddle (js): http://jsfiddle.net/yxPa6/4/

fiddle (CSS):http://jsfiddle.net/kUuTE/2/