середина выравнивания по вертикали не работает на ячейке таблицы

Question

Пожалуйста, отметьте http://jsfiddle.net/4Ly4B/ У меня vertical-align: middle на table-cell, который не подходит к середине

Answer 1

Элемент с display:table-cell игнорирует min-width и min-height. Вместо этого вы должны использовать height и width.
Кроме того, если вы хотите расположить элемент с помощью position:absolute, вы оборачиваете элемент в контейнер и присваиваете position:absolute этому контейнеру.

Смотрите эту скрипку: http://jsfiddle.net/4Ly4B/3/

Answer 2

Свойство вертикальное выравнивание не работает с min-height . Удалите min-height и добавьте отступ вместо него.

.message{
    background-color: gray;
    position: absolute;
    padding-top: 40px;
    padding-bottom: 40px;
    min-width: 200px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

Answer 3

по вертикали: среднее; он используется для table-cell. в вашем примере позиция абсолютна таким образом, вы можете сделать это

.message{
background-color: gray;
position: absolute;
min-width: 200px;
display: table-cell;
padding:60px 0px 60px 0px;
text-align: center;

}