Центрирование контейнера ul / div в макете жидкости - PullRequest
Новая
       16

Центрирование контейнера ul / div в макете жидкости

2 голосов
/ 26 ноября 2011

Я хочу центрировать контейнерный контейнер в макете с текучей средой (содержимое с id: Articles_grid должно быть центрировано): http://www.benskesblog.com/projects/frontend/project/index.htm

Я много пробовал методов, но никто не сделалРабота.(например: margin: 0 auto;).

Может кто-нибудь сказать мне, как решить эту проблему?

Спасибо

Ответы [ 2 ]

3 голосов
/ 26 ноября 2011

Я считаю, что изменения довольно просты для достижения того, что вам нужно: 

#articles_grid {
...
text-align: center; /*add this*/
}

#articles_grid li {
...
/* float:left; remove this */
display: inline-block; /*add this*/
}
3 голосов
/ 26 ноября 2011

Вы можете дать display:inline-block вам DIV, который вы хотите в центре и определить text-align: center в его parent DIV.Например, вы можете сделать так:

CSS: 

.parent{
    background:red;
    text-align:center;
}
.center{
    text-align:left;
    display:inline-block;
    *display:inline;/* IE7 */
    *zoom:1;
    background:yellow;
    min-height:100px;
}

HTML: 

<div class="parent">
    <div class="center">lorem ipsum</div>
</div>

Проверьтепример ниже:

http://jsfiddle.net/aNR3a/

...