css未知图片的垂直居中

许多页面通常会有这样的的需求，给你一个容器，里面放一个图片，需要的效果就是图片在容器里面垂直居中，对未知图片的垂直居中的方法可以用<td>标签，这个方法百试百灵，还可以用display:inline-block来布局，其中如有对inline-block不清楚的，可以狠狠的<a href='http://www.zhangxinxu.com/wordpress/2010/11/%E6%8B%9C%E6%8B%9C%E4%BA%86%E6%B5%AE%E5%8A%A8%E5%B8%83%E5%B1%80-%E5%9F%BA%E4%BA%8Edisplayinline-block%E7%9A%84%E5%88%97%E8%A1%A8%E5%B8%83%E5%B1%80/'>点击这</a>去看看张大神对其的解释，下面是dom与css样式
<style>
    .div1{width:300px;height:300px;line-height:300px;text-align:center;}
    .div1 *{display:inlien-block;vertical-align:middle}
    .div1 span{font-size:0;line-height:0}
</style>
<div class="div1">

<span>      </span></div>