兼容各浏览器的图片垂直水平居中效果

最近有很多朋友都在问我：“有没有兼容IE和FireFox的图片垂直居中的方法？”。接到问题后我也查阅了网上的相关资料，虽然很多，但总是会出现这样或那样的问题。如：IE和FireFox不兼容，图片大小不确定就不好用等等。所以我决定自己写一个JavaScript的方法来解决这些问题。

首先，使用此方法的先决条件是：图片显示区域的宽、高必须已知，承载各图片对象的总体父对象的ID必须已知，而且需要按原比例缩放图片，使图片不失真。

可用区域的宽高：<div class="item"><img src="..." alt="..." /></div>，如果设置了“item”的宽为80px，高为100px，那么可用区域就是宽为80px，高为100px。如果设置了padding:4px;border:1px #CCC solid，那么增大的只是实际占用的区域，而可用区域还是原来的值不变。