首頁  >  文章  >  web前端  >  html中使用margin:0 auto整個頁面不居中的解決方法範例

html中使用margin:0 auto整個頁面不居中的解決方法範例

高洛峰
高洛峰原創
2017-03-06 16:09:202604瀏覽

今天寫個jsp頁面,乍麼調來調去

123xxx
這個屬怎麼弄都不能讓頁面居中展示,而且其它樣式也出現莫名其妙的問題 

後來找這個問題的解決方案: 

原來是L-Blog預設沒有在HTML前加上DTD,於是IE就以HTML而不是XHTML來解釋文檔. 
問題並不在CSS而在XHTML網頁本身. 
需要加上這樣的程式碼才能使得上述設定有效果: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

如果您希望更嚴格的XHTML 1.0 Strict或XHTML 1.1請查閱相關文件. 
以上測試皆基於Windows XP SP2版IE6與FireFox 1.0最終版. 

建議若頁面中需要使用css樣式,請勿刪除此行: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

#更多html中使用margin:0 auto整個頁面不居中的解決方法範例相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn