[求助]用CSS控制图片自适应大小

请教个问题，用CSS控制图片自适应大小

<div id=content style="widht:500px;">

<img src=.......> 这个原图片的宽度是600

<img src=.......> 这个原图片的宽度是400

</div>

上面这段是程序生成的

我需要让图片自动适应到外块的宽度，用下面的代码来实现

<style>

#content img{

width:expression(document.body.clientWidth > 500? "500px": "auto" );

}

</style>

第一个图片OK了，可是第二个图片却被放大了，宽度也成了500，有什么好的解决办法吗？

另：访问你的网站，速度总是很卡……呵呵

目前关于此类网上的代码总会有这样或那样的问题，所以我用JS写了一个方法，兼容各浏览器的，你可以看看：兼容各浏览器的图片垂直水平居中效果。

您上面的那种写法只在IE下有效。所以推荐您看看那篇文章。

还有您说到速度慢的问题，可能是最近机房正在对线路进行调整的原因，相信很快就会好起来的。

谢谢

谢谢,你的方法真的是不错~~很有效~~~

非常有效的方法,特别是在图片大小未知的情况下对图片进行最大宽和高的设置.

标题应该改一下,加上"CSS,图片自适应"这样的关键字,要不在百度里搜不到的~~

这么好的文章就埋没了~~

有一点点建议,是否可以给水平和垂直居中加个开关参数,有时候不需要居中的时候也很头痛~~~呵呵

比如这里,正文里图片上方的一大片空白,是因为垂直居中的原因吧~

http://student.zhyww.cn/u/1/index.html