2014-07-15 104 views
0

我有一個模式,我希望頁碼處於模態和中心對齊的底部。水平對齊底部和中心?

的頁碼被定位絕對與底部0和對準中心與文本對齊:

#pagination{ 

    background: blue; 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    text-align: center; 
} 

的問題是,我使頁面號碼100%的寬度(因此它們可以被中心對準),但是這需要在考慮模式填充(我不能改變這一點),所以頁碼只是偏離中心,離開頁面。

Fiddle

+0

你需要加左:0; –

回答

0

而不是使用width:100%;嘗試使用

#pagination{ 
    background: blue; 
    position: absolute; 
    bottom: 0; 
    left:0; 
    right:0; 
} 

Example

這樣,如果你需要

+0

謝謝,但分頁不再居中對齊; – panthro

+0

@panthro它是中間對齊在小提琴?嘗試將'text-align:center'添加到'#pagination',你似乎沒有在原始的小提琴中包含那種風格,但是你在代碼中做過你的問題 – Pete

+0

它應該是,也許它沒有保存,對不起它不在那裏,有沒有一種方法可以居中對齊? – panthro

6

嘗試添加left:0;到你的代碼

#pagination { 
    background: none repeat scroll 0 0 blue; 
    bottom: 0; 
    left: 0;/*add this*/ 
    position: absolute; 
    width: 100%; 
} 
+0

謝謝,但分頁不再是中心對齊 – panthro

+0

來對齊文本添加文本對齊:中心; –

0

添加與bottom:0沿left:0position:absolute這樣Demo

CSS:

#pagination { 
    background: blue; 
    position: absolute; 
    bottom: 0; 
    width:100%; 
    left:0; 
} 
+0

謝謝,但分頁不再是中心對齊 – panthro

0

加入左,右位置爲0,除去寬度可以添加填充到#pagination css

#pagination{ 
left: 0; 
right: 0; 
} 

http://jsfiddle.net/Csk6J/5/

+0

謝謝,但分頁不再是中心對齊 – panthro

+0

像http://jsfiddle.net/Csk6J/9/中添加'padding:0'到'ul' –