div img 垂直水平居中

  <style>

    div {

    width: 600px;

    height: 578px;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

    text-align: center;}



 

    </style>

   <!--[if lte IE 7]> 

<style type="text/css">

i {

	display:inline-block;

	height:100%;

	vertical-align:middle

	}

img {

	vertical-align:middle

	}

</style>

<![endif]--> 

 

<div>

   <i></i>

        <img  src="" />

 </div>