Jquery Tabs - Слишком много вкладок - PullRequest
Новая
       12

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

3 голосов
/ 23 марта 2009

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

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

Ответы [ 2 ]

4 голосов
/ 23 марта 2009

Если я посмотрю на предоставленную тему 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;
}
3 голосов
/ 23 марта 2009

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

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

...