css中可以使用Max-width属性设置图片最大宽度来限制图片宽度。
假设我们图片是在CSS命名".css1"内,同时如果需要设置最大宽度为500px,这个时候CSS对应代码:
.css1 img{max-width:500px}
这样就会将让以下DIV盒子内只要出现图片就会自动限制其最大宽度。
<div class="css1">这里面图片限制最大宽度为500px</div>
max-width 定义元素的最大宽度。
该属性值会对元素的宽度设置一个最高限制。因此,元素可以比指定值窄,但不能比其宽。不允许指定负值。
属性值:
none 默认。定义对元素的最大宽度没有限制。
length 定义元素的最大宽度值。
��义基于包含它的块级对象的百分比最大宽度。
inherit 规定应该从父元素继承 max-width 属性的值。
推荐:css文档
以上就是css如何限制图片的宽度?的详细内容,更多请关注易知道|edz.cc其它相关文章!