Как включить горизонтальную прокрутку на вкладках 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>
Отредактировано для включения jsfiddle, здесь вкладки отображаются в несколько строк. Как установить их в одну строку (строку). - http://jsfiddle.net/karthikn_jay/pdnr0op9/