如何让图片水平 居中显示

以下是css片段： #pro_pic {         /*非IE的主流浏览器识别的垂直居中的方法*/         display: table-cell;         vertical-align:middle;         /*设置水平居中*/         text-align:center;         /* 针对IE的Hack */         *display: block;         *font-size: 149px;/*约为高度的0.873，200*0.873 约为175*/         *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/         width:171px;         height:171px;         border:1px solid #e3e3e3; } #pro_pic img {         /*设置图片垂直居中*/         vertical-align:middle; }

以下是div片段：     <div id="pro_pic">         <img src="/Commodities/images/Merchant/nologo.gif" align="absmiddle" /> </div>

    图片预览效果：灰色边线为div边框