1、首先知道整個螢幕的高度和寬度
獲得螢幕的寬度和高度：
alert(document.documentelement.clientwidth);
alert(document.documentelement.clientheight);
2、居中則要設定塊級元素的top 、left 值
則需先將塊級元素設定成絕對定位，
絕對定位的元素的位置相對於最近的已定位父元素，如果元素沒有已定位的父元素，那麼它的位置相對於tml>。假設塊級元素的width：350px height：250px
然後計算left =
(document.documentelement.clientwidth - 350) / 2；
top=
(document.documentelement.clientheight - 250) / 2;
封裝居中函式庫 以及瀏覽器大小改變函式：
//設定物體居中
base.prototype.center = function(width,height)
return this;
}//出發瀏覽器視窗事件
base.prototype.resize = function(fn)
html**：
賬號:
密碼:註冊新使用者 | 忘記密碼？
css**：
#login採用封裝後的函式呼叫實現塊級元素一直居中：
var login = $().getid("login"); //簡化**
login.center(350,250).resize(function());
塊級元素以及行內元素居中顯示
title type text css container center style head id container id center div div body html 以上方法是我認為最好用的，不過缺點是需要知道元素的寬度和高度。通過設定需要定位的div元素為position absolu...
塊級元素水平居中的問題
doctype html html lang en head meta charset utf 8 meta name generator content editplus meta name author content meta name keywords content meta name d...
行內元素和塊級元素的垂直居中，水平居中
一 行內元素 1 行內元素的水平居中 給父級元素使用屬性text align center 2 行內元素的垂直居中 給父級元素使用屬性line hight 父元素盒子的高度 二 塊級元素 1 塊級元素的水平居中 給子級元素使用屬性margin 0 auto 2 行內元素的水平垂直居中，有四種方法 h...