2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 如何在一个DIV盒子里将图片居中 – CSS – 前端 北京图片全屏css

如何在一个DIV盒子里将图片居中 – CSS – 前端 北京图片全屏css

时间:2021-05-12 15:39:31

相关推荐

如何在一个DIV盒子里将图片居中 – CSS – 前端 北京图片全屏css

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); } 这个也可以试一下~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。