Как центрировать div сверху вниз?

Question

Я просто хочу, чтобы div находился в центре страницы, равным интервалом сверху донизу, и мне нужно использовать проценты, потому что содержание div меняется. Я пробовал дно: 50%, но это не работает.

Привет, ребята, спасибо за ответы! Моя немного отличается, и я ошибаюсь, если не добавить это, посетите my blog, чтобы просмотреть эту проблему.

Привет всем, спасибо за использование вашего времени, чтобы ответить на такой глупый вопрос, но я обнаружил, что самый простой способ это просто использовать отступы:

padding-top:X%; 
padding-bottom:X%; 

Тогда просто связывайтесь с ней, чтобы увидеть, что ваш результат , Если у вас есть что-то лучше ПОЖАЛУЙСТА, ОБРАТИТЕСЬ, потому что это, очевидно, не самое надежное.

Answer 1

vertical-align:center для вертикального выравнивания затем text-align:center для горизонтального

Answer 2

#mydiv { 
    position:absolute; 
    top:20%; bottom:20% 
} 

Смотрите также Understanding Vertical Align.

Answer 3

#div{ 
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
height:100px; 
width:100px; 
} 

Этот код выравнивается либо снизу вверх, либо слева направо, но вы должны установить ширину и высоту.
Или используйте:

#div{ 
display:flex; 
align-items:center; 
}