下面我们给大家介绍一下图片在已知容器中的垂直的方法吧！希望大家可以在这里学习！

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无效

以上就是我们给大家介绍的图片在已知容器中的垂直的方法了。希望大家继续关注我们的网站！