未知高度的图片垂直居中
摘要：
图片的宽度和高度是未知的，没有一个固定的尺寸，在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中，想想感觉还是挺麻烦的，由于最近的项目可能会用到这个方案，所以把一些常用的方法都收集整理了一下。下图是理想中的效果图，外部容器的宽度和高度是固定的，中间的图片宽度和高度未知，但是图片要始终要相对于外部的容器垂直居中。但是实际中实现的效果并不是很完美，由于各浏览器的解析都各不相同，所以各浏览器都会有1px-3px的偏差。方法一 (XHTML 1.0 transitional)：该方法是将外部容器的显示模式设置成display:table，img标签外部再嵌套一个span标签，并设置span的显 阅读全文
posted @ 2010-12-17 10:42 窝火 阅读(132) 评论(0) 推荐(0) 编辑