2016 - 2024

感恩一路有你

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

浏览量:3135 时间:2021-03-16 07:35:02 作者:admin

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

p{显示:表格单元格宽度:134 px高度:134px线高度:134 像素边框:1px实心#垂直方向-对齐:中间文本对齐:center

*display:block

*字体大小:175px/*约为0.873200*0.873的高度,约为175*/]*字体-家庭:Arial/*防止非UTF-8引起的黑客攻击失败,如GBK code*/}

P img{填充:2px垂直对齐:中间最大值-宽度:最大高度:126 pxwidth:表达式( 这个。宽度>126&&&;振幅这个.宽度和这个高度?126:这个)高度:表达式( 这个。高>120?120:this)}

这是一个未知高度的图像,垂直居中

{vertical-对齐:中间

最大-宽度:120px

最大-高度:120px

宽度:表达式( 这个宽度>120&&&;这个.宽度和这个高度?120:这个)高度:表达式( 这个。高>120?120:这个)

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

marginauto垂直居中 前端盒子居中 margin左右居中

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。