容器中未知尺寸图片的垂直和水平中心问题
CSS布局,未知的图像的垂直尺寸,一直是个头疼的问题,只要套标准浏览器容器线高度和图片的垂直对齐:中;你可以,但不是IE,几个月前在国外网站上看到一个IE的解决方案,是感觉不到的很理想,也没有当回事,最近我看到很多朋友问类似的问题,他们把代码和改变IE。CSS
箱{。
身高:140px;
宽度:200px;
# solid 1px边框:666;
文本对齐:居中;
行高:140px;
字体大小:126px; / * IE在垂直中心。
}
框{ { }
字体大小:12px; / * * /标准的浏览器需要这样的价值
}
img {
垂直对齐:居中;垂直居中标准浏览器图片
}
旧代码的字体大小与高度相同。容器的高度比标准浏览器的高。字体的大小减少了百分之十个容器,所以看起来几乎一样,不清楚原因是什么。
The test was successful under IE5.5, IE6.0, FF1.5, and Opera9.0, and it was not valid for IE5.0 and IE7.0.