html中無論怎么拉伸窗口div的位置不變?
需要準備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html,編寫問題基礎代碼。
2、在index.html中的<body>標簽中,輸入html代碼:reset();window.onresize=function(){reset();}functionreset(){varleft=(window.innerWidth-$('div').width())/2;vartop=(window.innerHeight-$('div').height())/2;$('div').css('margin-left',left+'px');$('div').css('margin-top',top+'px');}3、瀏覽器運行index.html頁面,此時無論怎么拉伸窗口,div都會自動調整到屏幕正中央。