CSS布局实例，这个例子相信很实用，让一个图片在Div容器中上下、左右都居中，也就是水平和垂直都居中，有用吧，平时遇到的机率挺高的，下面结合CSS和HTML来实现这个演示，请参见代码：

<style type="text/css"> 
   div{ border:1px solid #ccc; height:500px; width:500px; text-align:center; margin:0 auto; background:#ccc;} 
   img{ vertical-align:middle; } 
   div span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } 
</style>
<div class="test">
<img src="icon.png"><span> </span>
</div>

测试效果如下：可看到图片在Div class内水平和垂直居中：