未知大小圖片在已知容器中的垂直的方法

下面我們給大家介紹一下圖片在已知容器中的垂直的方法吧！希望大家可以在這裡學習！

CSS布局中未知大小圖片的垂直居中一直是比較頭疼的問題標准浏覽器只要設定容器的lineheight和圖片的verticalalign:middle;就可以了但對IE沒用幾個月前在國外網站看到了一則對IE的解決方法感覺不是很理想也沒當回事最近看到經常有朋友在問類似的問題又把代碼翻了出來針對IE改了下

CSS

box{

height:px;

width:px;

border: solid px #;

textalign:center;/*水平居中*/

lineheight:px;

fontsize:px;/*IE靠這垂直居中*/

}

box[class]{

fontsize:px;/*標准浏覽器需要這個數值*/

}

img{

verticalalign:middle;/*標准浏覽器圖片垂直居中*/

}

原先老外代碼的fontsize是和高度相同試下來容器的高度要比標准浏覽器高一截多次嘗試將字體尺寸大小減去了百分之十容器的高度這樣一來看起來差不多至於什麼原因還不清楚

在IEIEFFOpera下測試成功對IE和IE無效

以上就是我們給大家介紹的圖片在已知容器中的垂直的方法了。希望大家繼續關注我們的網站！