爲什麼我無法居中我的選項卡？

我已經嘗試添加CSS，但我無法讓我的標籤欄集中在博主 - 任何建議？我試過加入：爲什麼我無法居中我的選項卡？

.PageList { 
    text-align:center !important; 
} 

.PageList li { 
    display:inline !important; 
    float:none !important; 
}

但是這似乎沒有做任何事情。

來源

2014-01-22 user3184598

先給了'.PageList'一些** **固定'width'和'保證金：0 auto'。 – Vucko

看起來好吧http://jsfiddle.net/U74cx/ 它也沒有！重要的工作，沒有額外的「float：none」 – Naele

.PageList{ 
    width:1000px; //assuming the width to be 1000px 
    margin:0 auto; 
}

這css代碼添加到您的CSS會給你所需的效果。

這可能是另一種選擇css代碼

body{ 
width:100%; 
} 

.PageList{ 
width:200px; //your width 
margin:0 auto; 
}

來源

2014-01-22 06:52:27

這些都沒有爲我的代碼做任何事情。它並沒有改變這一切。 – user3184598

-1

使用固定寬度&位置時，它絕對試試這個

.pagelist{ 
position: absolute; 
top: 0; 
left: 50%; 
width: 100px; 
height: 100px; 

}

來源

2014-01-22 08:42:17

他爲什麼要添加位置：絕對？ – Naele

它應該相對於其第一個被定位的祖先元素來定位 –

如果margin：0 auto不工作，那麼不需要職位 – Naele

這應該做的工作。

.PageList { 
padding-left: 0; 
margin: 20px 0; 
text-align: center; 
list-style: none; 
} 

.PageList li { 
display: inline; 
width:100px; 
background:#ddd; 
padding:10px; 
color:#fff; 
}

http://jsfiddle.net/cw9C8/

來源

2014-01-22 09:00:08

爲什麼我無法居中我的選項卡？

回答

相關問題