2010-06-23 5 views
0

나는,이 V 쉽게중심 JQuery와 탭

모든 것이 괜찮 JQ를 사용하여 중첩 탭에 link text에서 몇 가지 코드를 차용했습니다. 그러나, 나는 유이 라이브러리를 사용할 수 없습니다 coz JS의 내 명령 무시할 수 있고 자신의 코드에 맞는 PHP는 살인과 시간 낭비입니다.

jq 탭을 중앙에 배치하는 방법은 있습니까?

당신은 스타일의 비트를 추가 할 수 있습니다

답변

1

:

.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'}); 
+0

.ui-탭 - 탐색 리 { 플로트 : 왼쪽; 여백 : 0 0 0 1px; 최소 너비 : 84px; 내 CSS에는 .ui-tabs 클래스가 없습니다. – Tom

+0

@Tom - 어떤 jQuery UI 버전을 사용하고 있습니까? –

+0

Tom