Вы можете добавить немного стиля:
.ui-tabs .ui-tabs-nav { float: none; text-align: center; }
.ui-tabs .ui-tabs-nav li { float: none; display: inline; }
.ui-tabs .ui-tabs-nav li a { float: none; }
Источник - Ричард Уорт
Обязательно включите это после jQueryТаблица стилей пользовательского интерфейса, поэтому она переопределяет, вы можете увидеть демо здесь .
Если вы не можете использовать таблицу стилей и должен сделать это в коде, используйте .css()
, например this :
$("#tabs").tabs();
$(".ui-tabs .ui-tabs-nav").css({float: 'none', textAlign: 'center'});
$(".ui-tabs .ui-tabs-nav li").css({float: 'none', display: 'inline'});
$(".ui-tabs .ui-tabs-nav li a").css({float: 'none'});