html - 如何使块级元素垂直居中？

Question

说我有一个这样的：

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

这些margin-*属性指示表格在其父元素内居中。

有没有类似的方法使元素垂直居中？

Answer 1

这是一个经常被要求做的事情。没有简单的方法来进行垂直对齐。有vertical-align属性，但它用于内联元素的行对齐。查看此链接以了解进行垂直居中的不同方法。

编辑：这是另一个让您入门的好链接。

Answer 2

我知道这是一个老问题，但是对于任何偶然发现这个以寻找类似问题的解决方案的人，我已经编写了一个 jQuery 插件，可以很容易地居中任何块元素。这不是为了推广我自己的项目，老实说，我只是想尽我所能提供帮助和贡献。这里有一个链接和演示。