圖片水平垂直居中
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;}
優(yōu)點(diǎn)：
1.支持跨瀏覽器，包括IE8-IE10。
2.無需其他特殊標(biāo)記，CSS代碼量少。
3.支持百分比%屬性值和min-/max-屬性。
4.只用這一個類可實(shí)現(xiàn)任何內(nèi)容塊居中。
5.不論是否設(shè)置padding都可居中（在不使用box-sizing屬性的前提下）。
6.內(nèi)容塊可以被重繪。
7.完美支持圖片居中。
