DIV 居中的絕好解決方法

2020-10-23 18:48:25

字體：大中小

來源：轉載

供稿：網友

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

復制代碼代碼如下:

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

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

復制代碼代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

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

復制代碼代碼如下:

<script language="javascript" type="text/javascript" src="function.js"></script> 

function.js內容:

復制代碼代碼如下:

if(window.screen.width>800){document.write("<style type=/"text/css/">body{margin-left:"+(window.screen.width-800)/2+"px}</style>");}

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

復制代碼代碼如下:

 
(window.screen.width-800)/2 //計算頁面應該留出的邊距數值.800為我的DIV寬度 + 滾動條寬度.實際應用改為你自己的大小.  

補充一點:上面這段JS 必須放在你的最后一個CSS連接或</style>的后面.
歡迎大家到我的小站交流更好的實現方法!

學習交流

BIOS 中英文對照表 BIOS設置參考

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本