如何居中對齊的jQuery UI選項卡 - 用截圖

有誰請知道jQuery UI tabs如何居中對齊的標籤？如何居中對齊的jQuery UI選項卡 - 用截圖

（他們是左默認對齊的，我不能找到文檔中對齊選項），我用它來組一些圖表和當前的代碼只是

這裏是a page：

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

enter image description here

UPDATE：的CSS代碼：

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

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

迪迪埃（感謝）建議具有居中對齊的標籤，但也把製表下面一些奇怪的差距「按鈕」：

enter image description here

來源

2012-05-12 Alexander Farber

這剪斷幫我在天回。。

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

也許這對你的作品太

來源

2012-05-12 07:26:58 pabera

這爲我工作，謝謝！我指定了'

....

' –

最簡單的方法是在容器（UL元素）和unfloat T ON申請text-align: center何力：

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

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

來源

2012-05-12 07:27:15

謝謝，但是這在所有瀏覽器上添加了一個奇怪的差距（請參閱上面更新的問題）......任何想法爲什麼？ –

這爲我工作，避免你提到的間隙（下面的選項卡）：

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

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

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

來源

2016-10-27 10:31:20 Mayinx

如何居中對齊的jQuery UI選項卡 - 用截圖

回答

相關問題