Вкладки Jquery - Слишком много вкладок

Question

Я использую вкладки jQuery.Проблема в том, что когда вкладок слишком много, некоторые из них переносятся на следующую строку, и макет выглядит странно.Я не устанавливаю свойство "width" для <div> из вкладки.Есть ли в любом случае возможность иметь <div> автоматически растягивать вместо того, чтобы сжимать вкладки до следующей строки?

Спасибо за помощь

Answer 1

После того, как я просмотрел файл css и немного поиграл со стилем, мне нужно было добавить "display: inline" в ".ui-tabs .ui-tabs-nav li".

Кроме того, когда вкладок слишком много, некоторые вкладки переносятся на новую строку.Некоторые вкладки могут сместиться, если я нажму на элемент на первой вкладке.Я исправил это, удалив "заполнение снизу" в ".ui-tabs .ui-tabs-nav li.ui-tabs-selected ".

Answer 2

Если я посмотрю на предоставленную тему CSS, я бы поиграл с :

.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }

попробуйте что-то вроде:

.ui-tabs .ui-tabs-nav li {
width:auto;
min-width:auto;
}