JavaScript設定元素居中的方法:先建立一個前端範例檔;然後設定指定元素的position屬性值為absolute;最後在body中加上一個「οnlοad="center();"」即可。
本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript怎麼設定元素置中?
Javascript控制某個元素居中的方法
例如要控制id為div1的一個元素居中,首先設定該元素的position屬性值為absolute,在body中加一個ο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'; }
這樣這個div就可以居中了,前提是你要在符合w3c規範的情況下,這個在ie和firefox中均已測試。如果你把單位("px")去掉firefox會讓你暈掉的,呵呵~~
##【推薦學習:javascript高階教學】
以上是JavaScript怎麼設定元素居中的詳細內容。更多資訊請關注PHP中文網其他相關文章!