выровнять средний вопрос

Question

Каково мое недопонимание о том, как работает vertical-align:middle;?

Я опубликовал (http://jsfiddle.net/D6RwZ/) некоторый код, который, как я ожидаю, выровняет по вертикали красный прямоугольник по синему, ноэто не похоже на это.

Answer 1

вертикальное выравнивание: середина не будет работать на div (элемент блока). Подробнее см. здесь .

Если вы хотите выровнять по вертикали, я думаю, что единственным вариантом является использование полей / отступов с соответствующими параметрами.

Answer 2

Выравнивание по вертикали работает только для встроенных изображений и отображения: ячейка таблицы.

Я использовал это решение несколько раз, и оно работает довольно хорошо, но требует некоторой работы. Если вы работаете с элементами фиксированного размера, абсолютное положение является самым простым. Элементы динамического размера и вертикальное центрирование могут быть очень хитрыми, с которыми приходится сталкиваться множеством браузеров.

Answer 3

vertical-align может применяться только к элементам с:

• display:table-cell для вертикального выравнивания содержимого элемента.
• display:inline или display:inline-blockчтобы выровнять по вертикали элемент в текстовой строке, которая его содержит

Дешевый хак с последним: http://jsfiddle.net/8bZQS/