Html выравнивание div по центру: Как выровнять слой по центру веб-страницы?

Leave a Comment / Html / By /

css — Как выровнять по центру?

спросил

Изменено 7 лет, 2 месяца назад

Просмотрено 9к раз

Я добавляю меню внутри div на главной странице моего проекта. Я хочу выровнять следующий div по центру страницы. я пробовал margin: 0px auto; дисплей: блок; в CSS. Это не тренировка.

 <дел>
            
                <Элементы>
                    
                    
                    
                    
                    
 
 aspx" />

CSS 

 раздел
    {
        поле: 0px авто;
        дисплей: блок;
    }
.меню ул
{
    нижняя граница: 1px сплошной серый;
}
.меню уль ли
{
    граница: 1px сплошной белый;
    цвет фона: серый;
    текстовое оформление: нет;
    отступ: 3px;
    поле: 3px;
}
.меню ул ли а
{
    белый цвет;
}
.menu ul li a: hover
{
    вес шрифта: полужирный;
}
  • css
  • asp.net
  • выравнивание

5

поля авто не работают, пока вы не укажете ширину этого элемента.

 <дел>
            
                <Элементы>
                    
  aspx" />

Вы также можете использовать свойство align для центрирования.

 

  <ул>
    
  •  Пункт меню 1.
    • 
    
  •  Пункт меню 2
    •

    Fiddle

    Если вы не укажете атрибут ширины, DIV всегда будет занимать 100% ширины своего родителя, если только он не плавает или не позиционируется абсолютно.

    Попробуйте добавить фиксированную или даже гибкую ширину, например. 500 пикселей или 75%. Это позволит части «margin: 0 auto» включиться и правильно центрировать ваш div.

    Кроме того, если div не должен быть скрыт по умолчанию, нет необходимости в «display:block», так как DIV уже является блочным элементом.

    Одно небольшое изменение в css дало мне решение, которое я использую display:table вместо display:block 

     div
    {
        поле: 0px авто;
        дисплей: таблица;
    }

    Спасибо всем

    Используйте свойство align в файле CSS, например.

     раздел
    {
        поле: 0px авто;
        дисплей: блок;
        выравнивание текста: по центру;
    }

    используйте этот код, потому что мы добавили стиль в тег div 

      <Элементы>