正常情況下需要將div居中顯示時,使用Css樣式:margin:0 auto即可,但有時使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的現(xiàn)象 。
如下代碼:
復(fù)制代碼代碼如下:
style type="text/css"
#con{width:980px;martin:0 auto;}
/style
div id="con"margin: 0 auto 內(nèi)容居中顯示/div
解決方法一
可以是對網(wǎng)頁主體body聲明文本居中,即body{text-align:center}
即:
復(fù)制代碼代碼如下:
style type="text/css"
body{text-align:center}
#con{width:980px;martin:0 auto;}
/style
div id="con"margin: 0 auto 內(nèi)容居中顯示/div
解決方法二
其實和解決方法一差不多,只是在要居中的div外層添加多一個div,并使其居中
即:
復(fù)制代碼代碼如下:
style type="text/css"
#con{width:980px;martin:0 auto;}
/style
div style=text-align:centerdiv id="con"margin: 0 auto 內(nèi)容居中顯示/div/div
【ie下margin不居中的三種解決方法】解決方法三
出現(xiàn)這個現(xiàn)象的原因在于文檔的DTD聲明;
修改DTD為
復(fù)制代碼代碼如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "a
推薦閱讀
- win8.1界面下啟動IE 11瀏覽器metro版的實用小妙招
- IE瀏覽器怎么設(shè)置迅雷下載和自帶下載器相互切換?
- window.onbeforeunload方法在IE下無法正常工作的解決辦法
- ie css margin auto 不居中解決方案
- 迅雷APP設(shè)置同時下載任務(wù)數(shù)量的方法
- ie下$.getJSON出現(xiàn)問題的解決方法
- Win10系統(tǒng)下IE瀏覽器無法播放Falsh的故障原因及解決方法
- 高德地圖APP下載離線地圖的方法步驟
- 當下的力量經(jīng)典語錄
- 洗衣機不下水了怎么辦
