限制图片最大宽度[CSS代码]

2013-03-25 17:23:26 css 图片最大宽度限制代码兼容方法

用css 设置图片最大宽度

我们对图片使用CSS设置其最大宽度一般情况是为了避免,图片过大而撑破DIV布局。

使用CSS单词:
Max-width

假设我们图片是在CSS命名".HTML8"内,同时如果需要设置最大宽度为500px,这个时候CSS对应代码:

  1. .HTML8 img{max-width:500px} 

这样就会将让以下DIV盒子内只要出现图片就会自动限制其最大宽度。

  1. <div class="HTML8">这里面图片限制最大宽度为500px</div> 

解释:
使用css max-width即可设置对象最大宽度限制。

扩展阅读解决ie6兼容max-width

相关阅读
1、css 宽度
2、css max-height最大高度
3、CSS防止图片撑破DIV布局
4、css img
5、html img标签
6、CSS隐藏超出DIV限制内容

更新