CSS设置图片居中

代码

< style >
     .wrapper {
      /* 非IE的主流浏览器识别的垂直居中的方法 */
     display :  table-cell ;
     vertical-align : middle ;

      /* 设置水平居中 */
     text-align : center ;

      /*  针对IE的Hack  */
     *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 ;
      }
     .wrapper img  {
      /* 设置图片垂直居中 */
     vertical-align : middle ;
      }
</ style >