DIV 居中的絕佳解決方法_經驗交流

現在進行WEB重構的時候,一般我們做DIV 居中是這樣: 

複製程式碼 程式碼如下:

body{

margin:0px auto;
text-align:center;
}


但是沒申明下面這句解析方法的時候,頁就會出錯.不能居中對齊!

複製程式碼 程式碼如下:

程式碼如下:

為此困擾了我幾天.那麼有的朋友就會說:你加上這句不就行了嗎? 可是有時候頁面並不能全部按上面規定的代碼格式來編寫,比如說要改多彩滾動條.
直到昨天,一個想法在我腦中閃了一下. 何不用JS來控制頁面的邊距?說乾就乾!
找了個頁面.添加了下面的一小段代碼. 

複製程式碼 程式碼如下:

<script></script>

function.js內容: 

複製代碼 程式碼如下:

if(window.screen.width>800){document.write("");}

保存,測試. 哈哈,換了幾個分辨率都可以正常居中!至此試驗成功.
總結:
主要是這句程式碼的作用: 

複製程式碼 程式碼：

複製程式碼

程式碼:

(window.screen.width-800)/2 //計算頁面應該留出的邊距數值.800為我的DIV寬度 + 滾動條寬度.實際應用改為你自己的大小. 補充一點:上面這段JS 必須放在你的最後一個CSS連接或的後面. 歡迎大家到我的小站交流更好的實現方法!