:
.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; }
소스 - Richard Worth
, you can see a demo here를이 우선하므로이 후 jQuery를 UI 스타일 시트를 포함해야합니다 .
당신이 코드에서이 작업을 수행 할 스타일 시트 및 해야을 사용할 수없는 경우, this처럼 .css()
를 사용
$("#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'});
.ui-탭 - 탐색 리 { 플로트 : 왼쪽; 여백 : 0 0 0 1px; 최소 너비 : 84px; 내 CSS에는 .ui-tabs 클래스가 없습니다. – Tom
@Tom - 어떤 jQuery UI 버전을 사용하고 있습니까? –
– Tom