正常情況下需要將div居中顯示時，使用Css樣式:margin:0 auto即可，但有時使用margin:0 auto後在FF、Chrome裏能居中，而在IE678裏不居中的現象。
正常情況下需要將div居中顯示時，使用Css樣式:margin:0 auto即可，但有時使用margin:0 auto後在FF、Chrome裏能居中，而在IE678裏不居中的現象。
如下代碼:
XML/HTML Code 複製內容到剪貼板
- <style type="text/css">
- #con{width:980px;martin:0 auto;}
- </style>
- <div id="con">margin: 0 auto 內容居中顯示</div>
解決方法一
可以是對網頁主體<body>聲明文本居中，即body{text-align:center}
即:
XML/HTML Code 複製內容到剪貼板
- <style type="text/css">
- body{text-align:center}
- #con{width:980px;martin:0 auto;}
- </style>
- <div id="con">margin: 0 auto 內容居中顯示</div>
解決方法二
其實和解決方法一差不多，只是在要居中的div外層添加多一個div,並使其居中
即：
XML/HTML Code 複製內容到剪貼板
- <style type="text/css">
- #con{width:980px;martin:0 auto;}
- </style>
- <div style=“text-align:center”><div id="con">margin: 0 auto 內容居中顯示</div></div>
解決方法三
出現這個現象的原因在於文檔的DTD聲明；
修改DTD爲
XML/HTML Code 複製內容到剪貼板
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">