实现img包含在容量居中显示 

 1 //注：.imgContainer为容器的样式，.imgContainer img为容器里的img样式
 2 .imgContainer{ 
 3      /*非IE的主流浏览器识别的垂直居中的方法*/ 
 4      display: table-cell; 
 5      vertical-align:middle; 
 6      /*设置水平居中*/ 
 7      text-align:center; 
 8      /* 针对IE的Hack */ 
 9      *display: block; 
10      *font-size:78px;/*约为高度的0.873，200*0.873 约为175*/ 
11      *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ 
12      width:94px; 
13      height:94px; 
14      border: 1px solid #eee; 
15 } 
16 .imgContainer img {
17      /*设置图片垂直居中*/ 
18      vertical-align:middle;
19 }

 

posted on 2013-10-10 14:08  shiny_bender  阅读(455)  评论(0)  编辑  收藏  举报

导航