纯CSS实现图片水平垂直居中于DIV（图片未知宽高）

一个问题一直困扰着不少前端制作人员（也称前端开发工程师，o(∩_∩)o）。如题，如何实现一张未知宽高的图片在一个Div里面水平垂直居中呢？相信部分前端Sir首先想的是Table布局，是的，实现起来不是很麻烦，但肯定也有和浩子一样有代码洁癖的人。在这里，浩子忽略Table的实现方法，有兴趣的也可以去研究一下。下面介绍下用Html和CSS来实现如题效果。

先看看Demo效果： 一栏，或者前往w3school。