У меня есть div с width:100%;
так как я хочу заполнить родительский контейнер.
Я также хочу иметь содержимое div в его центре. Я не могу найти атрибут horizontal-align:center
для div. Как настроить div так, чтобы его содержимое находилось в центре?
Т.е. если div - это большой:
------------------------------------------------------------------------------------------------------------
Enclosing tags here
in the center
------------------------------------------------------------------------------------------------------------
попробуй это:
div {
margin:0 auto;
}
Попробуйте это для фиксированной ширины
div.class_name {
width: XXpx;
margin: 0 auto;
text-align: center;
}
Динамическая высота
<div class="container">
<div class="inside">some content</div>
</div>
.container
{
text-align: center;
}
.inside
{
display:inline-block;
}
В HTML
<div style="text-align: center;"> </div>
Это все, что вам нужно для CSS.
width:100%
Читать о margin: auto
трюк: http://bluerobot.com/web/css/center1.html
width:100%
и margin:auto
не работает
Вы должны назначить ширину div, которую вы хотите найти в центре, тогда правое и левое поле должно получить значение 0
{
width: 100px;
margin : 0 auto;
}
div.class {
margin:0 auto;
width: 800px /*as desired*/ ;
}
Это может быть то, что вы ищете: padding:0 20%;
используя %
помогает автоматически настраивать отступ в зависимости от того, насколько широка родительская div. Вы можете изменить 20%
на ваш предпочтительный номер.
.div {
width:100%;
padding: 0 20%;
}
Вы должны попробовать text-align: center; сделать контент div в центре.
Вы можете попробовать установить:
margin: auto
Я не уверен, поможет ли это в этом случае.
width:100px;margin:auto
но нет, если я делаюwidth:100px;margin:auto