css如何限制图片的宽度?

我们对图片使用CSS设置其最大宽度一般情况是为了避免,图片过大而撑破DIV布局。下面我们来看一下css限制图片宽度的方法。

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其它相关文章!

推荐阅读