设立DIV内容纵向居中的两种办法

设置DIV内容纵向居中的两种办法

<div style="width:500px; height:500px; border:1px solid #ccc; display:table-cell; vertical-align:middle;">
    <img   />
</div>

或者 

 

<img  style=" display:block; margin:0 auto; margin-top:expression((500 - this.height )/2); " />