jquey和js分別實現在圖片不知道大小的情況下始終居中在螢幕的中央
阿新 • • 發佈:2018-12-10
直接上程式碼
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}) })