图片水平垂直居中
html:

<div class="inbox_main loading" id="loading">
    <img src="/resource/images/loading.gif" />
</div>

css:

.loading{height: 692px; color: #ffffff;position: absolute;opacity: 0.8;top: 94px;z-index: 9999;}
.loading img{margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

优点：
1.支持跨浏览器，包括IE8-IE10。
2.无需其他特殊标记，CSS代码量少。
3.支持百分比%属性值和min-/max-属性。
4.只用这一个类可实现任何内容块居中。
5.不论是否设置padding都可居中（在不使用box-sizing属性的前提下）。
6.内容块可以被重绘。
7.完美支持图片居中。