数码资讯
容器中未知尺寸图片的垂直和水平中心问题
CSS布局,未知的图像的垂直尺寸,一直是个头疼的问题,只要套标准浏览器容器线高度和图片的垂直对齐:中;你可以,但不是IE,几个月前在国外网站上看到一个IE的解决方案,是感觉不到的很理想,也没有当回事,最近我看到很多朋友问类似的问题,他们把代码和改变IE。 CSS 箱{。 身高:140px; 宽度:2
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
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.
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.
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。