CSS实例:图片水平垂直居中于DIV(图片宽高未知)

网络整理 - 07-27
如何实现一张宽高未知的图片在一个Div里面水平垂直居中呢?相信很多人首先想的是Table布局,是的,实现起来不是很麻烦,但肯定也有一些有代码洁癖的人。本文忽略Table的实现方法,有兴趣的也可以去研究一下。下面介绍下用Html和CSS来实现如题效果。

PS:你可以用Firebug或者任意浏览器的开发人员工具修改图片尺寸测试效果。

再看看代码,主要2部分:

HTML代码:

CSS代码:







其中For IE6中的css有这么一段:

这是限制IE6下图片的最大宽和最大高,就像非IE6下的:

是一个道理。

其他也没什么要过多解释的了,你懂的!如果你对部分CSS不太懂的话,请参本站的的CSS一栏,或者前往w3school。