2014-10-30 64 views
0

我有一個帶有底部邊框的全寬選項卡導航欄,並且我想要將選項卡水平居中。中心Div與填充而不是邊距

事情是,我不能用「margin:auto」來做,因爲我希望下邊框是全寬。有沒有其他的方式來中心,填充也許?

此外,由於我用於移動支持的插件,我無法在「nav-tabs」中添加任何其他div,因此僞造邊框不是真正的選擇。

這裏的鏈接:http://www.os-os.co.uk/CGMATHEWS/

謝謝!

回答

2

爲什麼不使用text-align: center來居中菜單項?這將保留全角邊框以及居中導航標籤;這裏有一個解決方案,請添加以下CSS的樣式表的底部:

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

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

這裏的導航欄會怎樣看將上述CSS後的截圖:

enter image description here

+1

這並它!非常感謝!在處理了很長一段時間後,我仍然陷入了這樣簡單的困境。 – biip 2014-10-31 00:01:00