如何垂直放置塊級元素？

Question

說我有一個像這樣：

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

margin-*屬性指示表在其父元素內居中。

有沒有類似的方法可以使元素垂直居中？

Answer 1

這是經常需要做的事情。 沒有簡單的方法可以進行垂直對齊。 有vertical-align屬性，但是它用於內聯元素的行對齊。 查看此鏈接 ，了解進行垂直居中的不同方法。

編輯： 這是另一個讓您入門的好鏈接。

Answer 2

我知道這是一個古老的問題，但是對於任何偶然發現這個問題的人，我已經編寫了一個jQuery插件，可以很容易地將任何塊元素居中。 這並不是要推廣我自己的項目，老實說，我只是想提供幫助並盡我所能。 有一個鏈接，並演示在這里 。