2014-01-22 6 views
0

Я пробовал добавить CSS, но я не могу получить мой вкладки, чтобы сосредоточиться на blogger - любые предложения? Я попытался добавить:Почему я не могу центрировать свои вкладки?

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

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

Но это, кажется, ничего не делает.

+0

Попробуйте давая '.PageList' некоторый ** фиксированный **' 'width' и запас: 0 auto'. – Vucko

+0

Кажется, хорошо http://jsfiddle.net/U74cx/ Он также работает без! Важно и без дополнительного «float: none» – Naele

ответ

0
.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; 
} 
+0

ни один из них ничего не делает для моего кода. Это не меняет все. – user3184598

-1

использования фиксированной шириной & положения это абсолютное попробовать этот

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

} 
+0

Зачем ему добавлять положение: абсолютное? – Naele

+0

он должен располагаться относительно его первого позиционированного элемента-предка –

+0

Вам не нужны позиции для этого – Naele

0

Это должно сделать работу.

.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/

Смежные вопросы