javascript - 使用 CSS 将图像垂直和水平居中

Question

当我不知道图像的大小时，如何在垂直和水平方向居中放置图像？我问了this question有人建议使用表格。这不是我第一次听说 table 可以做到这一点，但我尝试过但运气不佳。

当我知道图像的大小时，搜索 SO 只会得到我的结果。如何使用表格执行此操作？

注意:JavaScript/jQuery 不是首选，但如果有解决方案，我愿意接受。

Answer 1

很简单，这是我所有图像/容器的格式:

<div class="photo"><img /></div>
<style type="text/css">
  div.photo { height: 100px; line-height: 100px;text-align:center; }
  div.photo img { vertical-align:middle;}
</style>