2013-03-25 17:23:26 css 图片最大宽度限制代码兼容方法
用css 设置图片最大宽度
我们对图片使用CSS设置其最大宽度一般情况是为了避免,图片过大而撑破DIV布局。
使用CSS单词:
Max-width
假设我们图片是在CSS命名".HTML8"内,同时如果需要设置最大宽度为500px,这个时候CSS对应代码:
- .HTML8 img{max-width:500px}
这样就会将让以下DIV盒子内只要出现图片就会自动限制其最大宽度。
- <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限制内容