摘要: 未知高度的图片垂直居中(转自:http://stylechen.com/img-middle.html)图片的宽度和高度是未知的,没有固定的尺寸,在这个前提下要使图片在一个固定了宽度和高度的容器中垂直居中。最近的在做的项目就有这个需求,所以先把一些常用的方法都收集整理了一下。下图是理想中的效果图,外部容器的宽度和高度固定,中间的图片宽度和高度未知,但是图片要始终要相对于外部的容器垂直居中。但是实际在浏览器中实现起来的效果并不是很完美,由于各浏览器的解析都各不相同,所以在各浏览器都会有1px-3px的偏差。方法一:该方法是将外部容器的显示模式设置成display:table,img标签外部再嵌套 阅读全文
posted @ 2011-12-08 18:10 @kai 阅读(278) 评论(0) 推荐(1) 编辑