css设置div整体居中 如何在一个DIV盒子里将图片居中,除了用margin?

如何在一个DIV盒子里将图片居中,除了用margin?p { display:table-cellwidth:134pxheight:134px line-height:134pxborder:1px

如何在一个DIV盒子里将图片居中,除了用margin?

p { display:table-cellwidth:134pxheight:134px line-height:134pxborder:1px solid #dededevertical-align:middletext-align:center

*display: block

*font-size: 175px/*约为高度的0.873,200*0.873 约为175*/

*font-family:Arial/*防止非utf-8引起的hack失效问题,如gbk编码*/}


p img {padding:2pxvertical-align:middle max-width:126pxmax-height:126pxwidth:expression(this.width>126&&this.width>this.height?126:this) height:expression(this.height>120?120:this) }


这个是未知高度图片 垂直居中


{ vertical-align:middle

max-width:120px

max-height:120px

width:expression(this.width>120&&this.width>this.height?120:this)

height:expression(this.height>120?120:this)

margin-top:expression((120-this.height ) / 2) } 这个也可以试一下~