Блог

глупый вопрос, но я не могу найти на него ответ, поскольку все ответы предполагают центрирование div по ширине.

Что мне нужно, так это центрировать div по высоте и ширине так, чтобы он находился в самом центре страницы.

Я пробовал это, но он просто центрирует div по ширине страницы без высоты.

 #myDiv {
   width: 500px;
   height: 500px;
   margin: auto;
}
  

Итак, как я могу разместить его в САМОМ центре страницы? )))

Создайте оболочку с идентификатором wrapper вокруг #myDiv элемента и примените этот код CSS:

 #wrapper{
    display: table;
}
#myDiv{
    display: table-cell;
    vertical-align: middle; /*Vertically centered*/
    text-align: center; /* Horizontally centered */
}
  

Этот код центрирует элементы любой ширины / высоты.

 position: absolute;
left: 50%;
top: 50%;
margin-left: -250px; /*(half of width)*/
margin-top: -250px;  /*(half of height)*/
  

это должно сработать.