纯css实现小图片在大容器内水平垂直居中resize
?
原理：
在高级浏览器下（非IE6/7），设置属性display为table-cell，table-cell即可支持垂直居中vertical-align属性。
而针对IE6/7浏览器，设置font-size。因为img和文本可以通过设置img的vertical-align:middle，居中对齐。（原理请参考《HTML权威指南》讲img的章节）因此，设置font-size为容器高度，再通过img的vertical-align属性，即可完成在容器内的垂直居中对齐。
遇到的问题：
字号大小与文本实际高度不同。如例子中设置容器为140×140。font-size:140px的时候，字体实际占用的高度要大于140px。而这个占用高度与字体也有一定关系。。。通过目测，手工测量等不标准的方式，最终我选择了tahoma字体。解决多出的高度部分，通过不精确的测量方式为10% 。。如果只为了简体中文系统用户，可以选择宋体，因为宋体的文字占用高度与字号是完全一致的。
适用情况：
图片尺寸小于容器尺寸，需要做水平&垂直居中。
?
郑重声明：
代码原创，思想非原创。今天从别人代码里扒出来的，膜拜一下原作者。。。。
