Закрыть   X

  •    
  •    
Печать

Выравнивание DIV по горизонтали и вертикали

Автор: Алексей Елизаров.

Выравнивание DIV по горизонтали и вертикали


Код CSS
.center {
   width: 300px;
   height: 300px;
   position: absolute;
   left: 50%;
   top: 50%; 
   margin-left: -150px;
   margin-top: -150px;
}
Отрицательный отступ (margin) ровно в половину высоты и ширины приводит к тому, что элементы находятся в идеальном центре. Пример работает только с элементами фиксированной высоты\ширины.

Источник
© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки