CSS代码为：
div{ position: relative; width: 200px; height: 200px; }
img{ display: block; }
.pos{ position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; }
原理是用到了父元素相对定位时，子元素绝对定位是相对于父元素来定位，设置top和left均为50%，然后偏移宽和高的一半，就可以实现垂直居中的效果。不只对于图片，对于任何元素都能实现此效果。
给img添加display: block;是防止在IE6下图片下方出现空白的BUG。
