CSS灵活定义图片宽度(不超过预设值)

CSS实现如下功能:如果图片的宽度大于600像素,则定义图片宽度为600像素,如果宽度小于600则按照原来的大小显示.

  1. css2直接实现: img{max-width: 600px;} (IE6不支持) 
  2. expression实现: img{width:expression(width>600?"600":width);} (IE only) 
  3. 使用js方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍历img元素 判断其宽度并做相应操作 

本文采用第二种方式,CSS具体写法:

  1. img {max-width:600px;width:expression(this.width > 600 ? "600px" : this.width);} 

其中this.width和单独写width意义是一样的。

写到你的样式中试试把。

转载请注明:代码家园 » CSS灵活定义图片宽度(不超过预设值)

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)