Cách căn giữa các tab giao diện người dùng jQuery - với ảnh chụp màn hình

Question

Có ai vui lòng biết cách căn giữa các tab trong jQuery UI tabs không?

(Họ còn lại liên kết theo mặc định và tôi không thể tìm thấy tùy chọn xếp thẳng trong doc)

Đây là a page nơi tôi sử dụng nó để nhóm một số bảng xếp hạng và mã PIN hiện tại chỉ đơn giản là:

$('#chart_tabs').tabs(); 

UPDATE: Các mã CSS:

.ui-tabs .ui-tabs-nav { 
      text-align: center; 
    } 

    .ui-tabs .ui-tabs-nav li { 
      float: none !important; 
      display: inline-block; 
    } 

đề xuất bởi Didier (nhờ) có căn giữa các tab, mà còn đặt một số khoảng cách kỳ lạ bên dưới Tab- "nút":

Answer 1

này snipped giúp tôi ra trở lại trong ngày. .

.centered .ui-tabs-nav { 
    height: 2.35em; 
    text-align: center; 
} 
.centered .ui-tabs-nav li { 
    display: inline-block; 
    float: none; 
    margin: 0em; 
} 

có thể làm việc này cho bạn quá

Answer 2

cách đơn giản nhất là để áp dụng text-align: center trên thùng (các yếu tố UL) và t unfloat ông LI:

.ui-tabs .ui-tabs-nav { 
    text-align: center; 
} 

.ui-tabs .ui-tabs-nav li { 
    float: none !important; 
    display: inline-block; 
} 

Answer 3

này đã làm việc cho tôi và tránh sự chênh lệch (bên dưới tab) mà bạn đề cập:

.ui-tabs-nav { 
    float: none; text-align: center; 
} 

.ui-tabs-nav li { 
    display: inline-block; float: none; 
} 

.ui-tabs-nav li a { 
    float: none; 
}