Как центрировать элемент уровня блока по вертикали?

Question

Скажем, у меня есть что-то вроде этого:

<table style="margin-left: auto; margin-right: auto;">
  <tr>
    <td>
    </td>
  </tr>
</table>

Атрибуты margin-* инструктируют таблицу центрироваться внутри своего родительского элемента.

Есть ли аналогичный способ центрировать элементвертикально?

Answer 1

Это очень часто запрашиваемая вещь.Там нет простого способа сделать вертикальное выравнивание.Есть атрибут vertical-align, но он для выравнивания строк встроенного элемента.Проверьте эту ссылку для различных способов вертикального центрирования.

Редактировать: Вот еще одна хорошая ссылка для начала.

Answer 2

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