html中使用margin:0 auto整個頁面不居中的解決方法
發(fā)布時間：2014-04-08 11:58:47 作者：佚名 
我要評論
我要評論div style=margin:0 auto這個屬怎么弄都不能讓頁面居中展示，原因是L-Blog默認(rèn)沒有在HTML前加上DTD，于是IE就以HTML而不是XHTML來解釋文檔
今天寫個jsp頁面，乍么調(diào)來調(diào)去<div style="margin:0 auto">123xxx</div> 這個屬怎么弄都不能讓頁面居中展示，而且其它樣式也出現(xiàn)莫名其妙的問題
后來找這個這個問題的解決方案：
原來是L-Blog默認(rèn)沒有在HTML前加上DTD,于是IE就以HTML而不是XHTML來解釋文檔.
問題并不在CSS而在XHTML網(wǎng)頁本身.
需要加上這樣的代碼才能使得上述設(shè)置有效果:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果您希望更為嚴(yán)格的XHTML 1.0 Strict或者XHTML 1.1請查閱相關(guān)文檔.
以上測試均基于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">
后來找這個這個問題的解決方案：
原來是L-Blog默認(rèn)沒有在HTML前加上DTD,于是IE就以HTML而不是XHTML來解釋文檔.
問題并不在CSS而在XHTML網(wǎng)頁本身.
需要加上這樣的代碼才能使得上述設(shè)置有效果:
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如果您希望更為嚴(yán)格的XHTML 1.0 Strict或者XHTML 1.1請查閱相關(guān)文檔.
以上測試均基于Windows XP SP2版IE6和FireFox 1.0最終版.
建議如果頁面中需要使用css樣式，不要把這行刪除：
復(fù)制代碼
代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
相關(guān)文章
HTML和CSS的關(guān)鍵:盒子模型(Box model)-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
原文：http://jorux.com/archives/property-4-if-you-love-css/ 本文作為屬性篇的最后一篇文章, 將講述HTML和CSS的關(guān)鍵—盒子模型(Box model). 理解Box model的關(guān)2008-10-17- html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes,2008-10-17
這篇文章主要介紹了HTML中div嵌套div的margin不起作用的解決方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考2020-07-30
