图片垂直居中

.box {
/*非IE6、IE7的主流浏览器识别的垂直居中的方法*/
display: table-cell;      //设置了这个属性之后，此元素会做为一个表格单元格显示，类似th、td，margin属性将不起作用
vertical-align:middle;

 

/* 针对IE6、IE7的Hack */
*display: block;
*font-size: 175px; /*约为高度的0.873，200*0.873 约为175*/

 

/*其他样式*/

text-align:center;

width:200px;

height:200px;

border: 1px solid #eee;
}

 

 

<div class="box">
<img src="http://www.websqq.com/图片路径文件.jpg" />
</div>

转载于:https://www.cnblogs.com/jinyao/p/3753246.html