欢迎光临
我们一直在努力

阻止图片超过DIV的宽度

阻止图片超过DIV的宽度,实现方式如下

CSS

img{max-width:100%;margin-left:-1em;text-align:center;text-indent:0;}

 

<script>
function $(id)
{
    return document.getElementById(id);
}
function autoResizepic()
{
    var bodywidth = $('fontzoom').style.width;
     bodywidth =document.body.scrollWidth
    var picTarget=$('fontzoom').getElementsByTagName('img');   
     
    if(picTarget.length>0)
    {
        for(var i =0;i<picTarget.length;i++)
        { 
                if(picTarget[i].width>bodywidth)
                    {picTarget[i].width=bodywidth-50;}
                if(picTarget[i].width<bodywidth)
                    {picTarget[i].width=bodywidth-50;}           
        }
    }
}
window.onresize=autoResizepic;
</script>

 

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » 阻止图片超过DIV的宽度

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址