未知大小的图片在指定大小的div盒子中垂直水平居中
未知大小的图片在指定大小的div盒子中垂直水平居中:
无需要JS
.box {
/*垂直居中*/
display: table-cell;
vertical-align:middle;
/*水平居中*/
text-align:center;
/* IE */
*display: block;
*font-size: 175px;/*约为高度的0.873,200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题,如gbk编码*/
width:200px;
height:200px;
border: 1px solid #eee;
}
.box img {
/*图片垂直居中*/
vertical-align:middle;
}
推荐链接
发表评论