marginauto垂直居中 如何在一個DIV盒子里將圖片居中,除了用margin?
如何在一個DIV盒子里將圖片居中,除了用margin?p{顯示:表格單元格寬度:134 px高度:134px線高度:134 像素邊框:1px實心#垂直方向-對齊:中間文本對齊:center*displ
如何在一個DIV盒子里將圖片居中,除了用margin?
p{顯示:表格單元格寬度:134 px高度:134px線高度:134 像素邊框:1px實心#垂直方向-對齊:中間文本對齊:center
*display:block
*字體大?。?75px/*約為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) } 這個也可以試一下~