jQuery UI टैब को केंद्र-संरेखित कैसे करें - स्क्रीनशॉट

Question

क्या कोई भी कृपया jQuery UI tabs में टैब को केंद्र-संरेखित करने के बारे में जानता है?

(डिफ़ॉल्ट रूप से उनकी गठबंधन छोड़ दिया जाता है और मैं दस्तावेज़ में संरेखित विकल्प नहीं मिल सकता है)

यहाँ a page वह जगह है जहाँ मैं कुछ चार्ट समूहों के लिए इसका इस्तेमाल करते हैं और वर्तमान कोड बस है:

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

अद्यतन: सीएसएस कोड:

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

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

डिडिएर (धन्यवाद) ने सुझाव दिया केंद्र गठबंधन टैब होते हैं, लेकिन यह भी टैब- नीचे कुछ अजीब अंतर "बटन" डाल:

Answer 1

यह मैं हूँ दिनों में वापस बाहर करने में मदद कतरना। ।

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

शायद यह आपके लिए भी काम करता है

Answer 2

सबसे आसान तरीका है कंटेनर (यूएल तत्व) और unfloat टी पर text-align: center लागू करने के लिए है वह LI:

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

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

Answer 3

यह मेरे लिए काम किया है और अंतराल (टैब के नीचे) आप का उल्लेख से बचा:

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

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

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