Полноэкранный блок CSS с текстом посередине [дубликат]

На этот вопрос уже есть ответ здесь:

У меня есть определенный класс css, поэтому я могу сделать div, чтобы использовать все возможности браузера. viewport, правило следующее:

.fullscreenDiv {
    background-color: #e8e8e8;
    width: 100%;
    height: auto;
    bottom: 0px;
    top: 0px;
    left: 0;
    position: absolute;
}

Теперь я хочу, чтобы текст внутри div находился точно в центре экрана, поэтому вертикальное выравнивание по центру и горизонтальное выравнивание по середине, но я не могу найти правильный способ Сделай так.

Он должен работать только в браузерах на базе webkit.

Я уже пытался добавить внутрь элемент P с display, установленным в table-cell(распространенный способ центрирования текста), но безуспешно.

Есть предложения?

35
задан Juan Alberto López Cavallotti 22 May 2012 в 17:47
поделиться