防图片太大撑破页面css
January 9th, 2010
这个在网页布局里很常见,网上看到有人用overflow:hidden来隐藏超出部分的图片,但那样图片就被截断了,不够完美。
用个简单的css max-width: 100%;可以解决这个问题,css代码如下:
img{
max-width: 100%;
height: auto;
vertical-align: middle;
}
max-width: 100%;
height: auto;
vertical-align: middle;
}
不过max-width在IE6.0中是无效的,为了照顾到IE6.0,还是顺便把overflow:hidden加上比较好

这个消息,对我来说太有用了,嘿嘿,谢谢了啊。。
别的都太烦了
高兴的太早, 用了后,发现最上面那个图也显示不了了 晕的
@kinghsu
最上面那个图?不明白你说的。