1. 程式人生 > >jquey和js分別實現在圖片不知道大小的情況下始終居中在螢幕的中央

jquey和js分別實現在圖片不知道大小的情況下始終居中在螢幕的中央

直接上程式碼
js程式碼

 var img=document.getElementById('img');
        console.log(img);
        var W=img.offsetWidth;//獲取圖片的寬度
        console.log(W);
        var H=img.offsetHeight;//獲取圖片的高度
        console.log(H);
        img.style.marginTop=-H/2+'px';
        img.style.marginLeft=-W/2+'px';

jquery 程式碼

  $(function(){
            var h=$("img").height();//獲取圖片的寬高
            var w=$('img').width();
            var img=$('img');
            var val1=-h/2+'px';
            var val2=-w/2+'px';
            console.log(val1);
            img.css({'margin-top':val1})
            img.css({'margin-left':val2})
        })