你的位置: iPc 首页 > 全部文章 > Web编程 > 阅读文章
科学X网    Office    苹果中国    微软中国    VPS

通过CSS控制图片自动缩小

18
五月

在文章的内容区中,通常会有图片。如果图片的尺寸过大,常会把页面结构撑得变形。
以前,我采用JS来控制,效果还是不错。
这段时间,一直用DIV+CSS的方式来制作页面,发现用CSS来得更方便,相信处理速度也更高。
方法如下:
程序代码

同样可以用对高度进行控制。

这种方法可以满足: 一个页面中,不同图片,超过所需大小时,自动缩成不同尺寸的需求。

应用面也很广,比如:一般的CMS等文章管理中,通常都有小图、大图。而我们在页面上,通常需要读取同一个图片,而分不同尺寸显示。再结合 overflow:hidden; 相信图片也就不会变形了。

程序代码

关于本文
  • 属于分类:Web编程
  • 本文标签:,
  • 文章编辑:
  • 流行热度:正在感受现场气氛...
  • 生产日期:2007年05月18日 - 0时58分00秒
各种回音
  1. 说: 回复他/她

    IE only
    实用性不是很高

微博评论箱