css 如何设置 某div 里面的所有图片的最大宽度。当加入文章里图片时,图片自动按比例减小。

来源:百度知道 编辑:UC知道 时间:2024/07/04 06:40:08

#a2 img {max-width:100px; max-height:100px;}(IE7以上版本、FF。。)

IE6只有用JS来实现,要先判断图片的宽度和高度中哪一个值比较大,再判断这个值有没有超出DIV的范围,如果超出,则重定义图片的大小

如果不想用JS,只好牺牲IE6
div {width:20px; height:20px; border:solid 1px #f11; overflow:hidden;}
div img {max-width:20px; max-height:20px; _width:20px; _height:20px;}(在IE6中将图片设为固定大小,其它浏览器图片自动调整)

<div id="a1">
<div id="a2">
<img src="aa.JPG" width="100px" height="100px" />
这里很多文字。
</div>
</div>

这样就可以~,但是如果图片小于100*100px, 也会被拉伸到100*100px.

1楼错了.lz要求按比例缩小.

#a2 img{width:100px;}

当然,如果图片不够100它也会自动扩大.

图片宽度大于100px时,自动缩小尺寸。而当所上传的尺寸小于100px时,图片不变化, 这样的话要用JS来做了