首页 > Resources > 一段挺好用的图片自动缩放 CSS

一段挺好用的图片自动缩放 CSS

2009年9月16日

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;
}

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

Magki Resources

  1. 目前还没有任何评论.
  1. 目前还没有任何 trackbacks 和 pingbacks.