Выровняйте содержимое div в центре

0

У меня есть div с width:100%; так как я хочу заполнить родительский контейнер.
Я также хочу иметь содержимое div в его центре. Я не могу найти атрибут horizontal-align:center для div. Как настроить div так, чтобы его содержимое находилось в центре?
Т.е. если div - это большой:

------------------------------------------------------------------------------------------------------------  
                    Enclosing tags here  
                    in the center  
------------------------------------------------------------------------------------------------------------        
  • 0
    возможный дубликат содержимого Align внутри div
  • 0
    @dTDesign:The связанный ответ не работает для меня. Это работает, если я делаю: width:100px;margin:auto но нет, если я делаю width:100px;margin:auto
Показать ещё 1 комментарий
Теги:

8 ответов

2

попробуй это:

div {
    margin:0 auto;
}
1

Попробуйте это для фиксированной ширины

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.

  • 0
    Я хочу убедиться, что я заполняю родительский контейнер. Получается, я не могу использовать width:100%
0

Читать о margin: auto трюк: http://bluerobot.com/web/css/center1.html

  • 1
    С width:100% и margin:auto не работает
0

Вы должны назначить ширину div, которую вы хотите найти в центре, тогда правое и левое поле должно получить значение 0

{
 width: 100px;
 margin : 0 auto;
}
0
div.class {
margin:0 auto;
width: 800px /*as desired*/ ;
}
0

Это может быть то, что вы ищете: padding:0 20%; используя % помогает автоматически настраивать отступ в зависимости от того, насколько широка родительская div. Вы можете изменить 20% на ваш предпочтительный номер.

.div {
width:100%;
padding: 0 20%;
}
0

Вы должны попробовать text-align: center; сделать контент div в центре.

0

Вы можете попробовать установить:

margin: auto

Я не уверен, поможет ли это в этом случае.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню