Как вертикально центрировать div для всех браузеров? - PullRequest
Новая
       116

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

1254 голосов
/ 28 декабря 2008

Я хочу центрировать div по вертикали с помощью CSS. Я не хочу таблиц или JavaScript, а только чистый CSS. Я нашел несколько решений, но во всех них отсутствует поддержка Internet Explorer 6. 

<body>
    <div>Div to be aligned vertically</div>
</body>

Как я могу центрировать div по вертикали во всех основных браузерах, включая Internet Explorer 6?

Ответы [ 42 ]

0 голосов
/ 02 июля 2016

Этот метод не использует никакого преобразования. Так что у него нет проблем с расплывчатым выводом. 

position: absolute;
width: 100vw;
top: 25%;
bottom: 25%;
text-align: center;
0 голосов
/ 06 сентября 2016

Это сработало в моем случае (проверено только в современных браузерах): 

.textthatneedstobecentered {
  margin: auto;
  top: 0; bottom: 0;
}
Страница:
...