Home > 设计布局 > 防图片太大撑破页面css

防图片太大撑破页面css

January 9th, 2010

这个在网页布局里很常见,网上看到有人用overflow:hidden来隐藏超出部分的图片,但那样图片就被截断了,不够完美。
用个简单的css max-width: 100%;可以解决这个问题,css代码如下:

img{
max-width: 100%;
height: auto;
vertical-align: middle;
}

不过max-width在IE6.0中是无效的,为了照顾到IE6.0,还是顺便把overflow:hidden加上比较好

baizoo 设计布局 ,

  1. January 12th, 2010 at 01:43 | #1

    这个消息,对我来说太有用了,嘿嘿,谢谢了啊。。
    别的都太烦了

  2. January 12th, 2010 at 02:36 | #2

    高兴的太早, 用了后,发现最上面那个图也显示不了了 晕的

  3. January 12th, 2010 at 07:37 | #3

    @kinghsu
    最上面那个图?不明白你说的。

  1. No trackbacks yet.