div css中一個(gè)背景圖片，如何讓圖片在背景圖片上垂直居中？本文來(lái)自：PQ秀秀網(wǎng)（ http://www.pqshow.com)詳細(xì)來(lái)源參考：http://www.pqshow.com/design

div css中一個(gè)背景圖片，如何讓圖片在背景圖片上垂直居中？

本文來(lái)自：PQ秀秀網(wǎng)（ http://www.pqshow.com)詳細(xì)來(lái)源參考：http://www.pqshow.com/design/htmlcss/200912/12739.html

如何在一個(gè)DIV盒子里將圖片居中，除了用margin？

p{顯示：表格單元格寬度:134 px高度：134px線高度:134 像素邊框：1px實(shí)心#垂直方向-對(duì)齊：中間文本對(duì)齊：center

*顯示：block

*字體大?。?75px/*約0.873200*0.873倍身高約175*/]*字體-家庭：Arial/*防止非UTF-8引起的黑客攻擊失敗，如GBK code*/}

P img{填充：2px垂直對(duì)齊：中間最大值-寬度：最大高度:126 pxwidth:表達(dá)式( 這個(gè)。寬度>126&&&；振幅這個(gè).寬度和這個(gè)高度？126:這個(gè)）高度：表達(dá)式( 這個(gè)。高>120？120:this）}

這是一個(gè)未知高度的圖像，垂直居中

{vertical-對(duì)齊：中間

最大-寬度：120px

最大-高度：120px

寬度：表達(dá)式( 這個(gè)寬度>120&&&；這個(gè).寬度和這個(gè)高度？120:這個(gè)）高度：表達(dá)式( 這個(gè)。高>120？120:這個(gè)）

{ 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失效問(wèn)題，如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) }

這個(gè)是未知高度圖片 垂直居中

{ 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) } 這個(gè)也可以試一下~