您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“JavaScript如何設(shè)置元素居中”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JavaScript如何設(shè)置元素居中”這篇文章吧。
JavaScript設(shè)置元素居中的方法:首先創(chuàng)建一個(gè)前端示例文件;然后設(shè)置指定元素的position屬性值為absolute;最后在body中加一個(gè)“οnlοad="center();"”即可。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
JavaScript怎么設(shè)置元素居中?
Javascript控制某個(gè)元素居中的方法
比如要控制id為div1的一個(gè)元素居中,首先設(shè)置該元素的position屬性值為absolute,在body中加一個(gè)οnlοad="center();"
Code:
function center() { var divId=document.getElementById('div1'); divId.style.left=(document.documentElement.clientWidth-divId.clientWidth)/2+'px'; divId.style.top=(document.documentElement.clientHeight-divId.clientHeight)/2+'px'; }
這樣這個(gè)div就可以居中了,前提是你要在符合w3c規(guī)范的情況下,這個(gè)在ie和firefox中均已測(cè)試。如果你把單位("px")去掉firefox會(huì)讓你暈掉的,呵呵~~
以上是“JavaScript如何設(shè)置元素居中”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。