花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

如何消除網(wǎng)頁頂部的一行空白?

時間: 2018-12-14 09:09 閱讀: 作者:素材無憂網(wǎng)

昨天群里一朋友詢問網(wǎng)頁頂部一行空白無法去除的解決辦法。常見的解決辦法均不能解決問題。深入研究了下,總結(jié)幾點以加強記憶。
一、沒有正確使用margin設(shè)置邊距,margin指的是空白長度,用于控制容器中的內(nèi)容和容器邊緣的距離。

1 <styletype="text/css">
2 body{
3        padding: 0px;
4        margin: 0px;
5 }
6 </style>
二、人為疏忽,尤其在是腳本語言的源代碼里多出了一行空白,解決辦法自然是刪掉空白行就OK。

 對于瀏覽器來說,源代碼里回車符都不大會解釋輸出,但是偶爾也會出現(xiàn)源代碼里的回車造成顯示頁面也換行的問題(linux和windows的回車符在文件編碼中不同),這個問題就要注意一下代碼的規(guī)范性。

 

三、編碼問題。  類似WINDOWS自帶的記事本等軟件,在保存一個以UTF-8編碼的文件時,會在文件開始的地方插入三個不可見的字符(_0xEF _0xBB  _0xBF,即BOM——Byte Order  Mark)。它是一串隱藏的字符,用于讓記事本等編輯器識別這個文件是否以UTF-8編碼。對于一般的文件,這樣并不會產(chǎn)生什么麻煩。但對于 PHP來說,PHP在設(shè)計時就沒有考慮BOM的問題,不會忽略UTF-8編碼的文件開頭BOM的那三個字符,會把BOM作為該文件開頭正文的一部分。  由于  必須在<?或者<?php后面的代碼才會作為PHP代碼執(zhí)行,所以將會造成在頁面上輸出這三個字符,顯示效果就要看瀏覽器了,一般是一個空行  或是一個亂碼。由于在html一開頭有這3個字符的存在,即使頁面的 top padding 設(shè)置為0,也無法讓整個網(wǎng)頁緊貼瀏覽器頂部。此問題除了能使網(wǎng)頁莫名出現(xiàn)一行空白外  ,由于受COOKIE送出機制的限制,在這些文件開頭已經(jīng)有BOM的文件中,COOKIE無法送出(因為在 COOKIE送出前PHP已經(jīng)送出了文件頭),所以登入和登出功能失效。一切依賴COOKIE、SESSION實現(xiàn)的功能全部無效。 解決辦法:  在編輯、更改任何文本文件時,請務(wù)必使用不會亂加BOM的編輯器。Linux下的編輯器應(yīng)該都沒有這個問題。WINDOWS下,請勿使用記事本等編輯器。推薦的編輯器是: Editplus 2.12版本以上; EmEditor; UltraEdit(需要取消‘添加BOM’的相關(guān)選項); Dreamweaver(需要取消‘添加BOM’的相關(guān)選項); Notepad(需要進(jìn)行“轉(zhuǎn)換為不帶BOM的UTF-8”)等。 對于已經(jīng)添加了BOM的文件,要取消的話,可以用以上編輯器另存一次。(Editplus需要先另存為gb,再另存為UTF-8。)

 

四、js代碼的影響  。在網(wǎng)頁中一些廣告引入js或者某些輸出內(nèi)容的js代碼,可能引起網(wǎng)頁頂部空白的問題。解決辦法就是采用輪流去掉js的方法找出有問題的js代碼,然后修改。

 

五、特殊字符的影響。  復(fù)制粘貼文本(尤其從Word粘貼)時可能有一些特殊的字符造成瀏覽器顯示出錯,例如版權(quán)符,在HTML代碼里應(yīng)該使用 &copy; 來顯示,如果直接在源代碼粘貼這個符號,就會出問題,同樣的問題還會有空格符等等。

 

六、腳本語言函數(shù)存在的問題  ??赡苁浅绦蚶锬膫€函數(shù)哪個類無意中輸出的錯誤,這個錯誤要檢查一下代碼。
如何消除網(wǎng)頁頂部的一行空白?(圖1)
(www.dedecms51.com 專注織夢好模板)

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 如何消除網(wǎng)頁頂部的一行空白?

標(biāo)簽:  
模板推薦