вкладки JQuery позволяет горизонтальную прокрутку

Question

Как включить горизонтальной прокрутки на вкладках JQuery в пределах определенной ширины на одной строки.

По умолчанию плагин jQuery UI перемещает последнюю вкладку на следующей строке.

Итак, я использую обходной путь, чтобы увеличить ширину битовым, установив стиль CSS, как показано ниже,

#tabs_div .scroller { 
    overflow: auto; 
} 
#tabs_div ul { 
    width: 1100px; 
} 

и вкладки установлены, как показано ниже,

<div id='tabs_outer_div' class="tabs"> 
    <div id='tabs_div' class="scroller" style='display:none;width:100%'> 
    <ul>.... 
</div> 
</div> 

Edited чтобы включить jsfiddle, здесь вкладки показаны в нескольких строках. Как установить их в одну строку (строку). - http://jsfiddle.net/karthikn_jay/pdnr0op9/

Answer 1

Просто добавьте пользовательский стиль в таблице стилей для .ui-tabs .ui-tabs-nav и .ui-tabs .ui-tabs-nav li, если нужно добавить уровень родительского уникального selector

http://jsfiddle.net/pdnr0op9/3/like this