p { display:table-cell;width:134px;height:134px; line-height:134px;border:1px solid #dedede;vertical-align:middle;text-align:center;
*display: block;
*font-size: 175px;/*約為高度的0.873,200*0.873 約為175*/
*font-family:Arial;/*防止非utf-8引起的hack失效問題,如gbk編碼*/}
p img {padding:2px;vertical-align:middle; max-width:126px;max-height:126px;width: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); } 這個也可以試一下~
p { display:table-cell;width:134px;height:134px; line-height:134px;border:1px solid #dedede;vertical-align:middle;text-align:center;
*display: block;
*font-size: 175px;/*約為高度的0.873,200*0.873 約為175*/
*font-family:Arial;/*防止非utf-8引起的hack失效問題,如gbk編碼*/}
p img {padding:2px;vertical-align:middle; max-width:126px;max-height:126px;width: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); } 這個也可以試一下~