Jony's Blog

img {
    vertical-align: middle;
    max-width:100px; /* FF IE7 */
    max-height:80px; /* FF IE7 */
    width:expression(this.width > 100 && this.width > this.height ? 100 : true);
    height:expression(this.height > 80 && this.height > this.width ? 80 : true);
    overflow:hidden;
}

这个样式就是将超过 100×80 的图片按比例自动缩小，支持 IE6,IE7,IE8,FF。里面的 vertical-align: middle; 是垂直居中，不过这个仅当图片在 table 里才有效。