纯css实现未知大小的图片水平垂直居中的方法

　　方法一： .box {
　　/*非IE的主流浏览器识别的垂直居中的方法*/
　　display: table-cell;
　　vertical-align:middle;
　　/*设置水平居中*/
　　text-align:center;
　　/* 针对IE的Hack */
　　*display: block;
　　*font-size: 262px;/*约为高度的0.873，300*0.873 约为262*/
　　*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
　　width:750px;
　　height:300px;
　　border: 1px solid #777;
　　}
　　.box img {
　　/*设置图片垂直居中*/
　　vertical-align:middle;
　　}
　　
　　Skin/red2009/images/logo. gif" />
　　
　　方法二：
　　
　　
　　
　　未知大小的图片水平垂直居中-
　　
　　/* for non-IE browsers */
　　div.holder {width:750px; height:300px; background:#f8f8f8; border:1px solid #777; text-align:center; display:table-cell; vertical-align:middle;}
　　
　　
　　
　　/* vertical align for IE */
　　#edge {width:0;background:red; height:100%; display:inline-block; vertical-align:middle;}
　　#container {text-align:center; width:100%;font-size:0;display:inline-block; vertical-align:middle;}
　　
　　
　　
　　
　　Skin/red2009/images/logo. gif" alt="" />