css：margin:0 auto在ie8下面不能居中的解決辦法
- 黄舟原創
- 2017-07-21 13:43:542046瀏覽
今天寫了個div，用margin:0 auto；來定義他的屬性，讓他居中，結果，竟然無效。
一開始以為是css裡的程式碼衝突了，檢查了好幾遍，沒問題，然後用火狐和谷歌瀏覽器測試，居中了。 。 。
看來是瀏覽器相容性的問題，突然想起現在用了win7，ie已經升級到了ie8，看來問題就處在ie8的兼容性上。百度之。 。 。 。
特將解決方法複製到下面：
IE6,7,Firefox下實現居中一般用：margin: auto 來實現，但在IE8下，這是不夠的。現提供兩種解決的方法：
方法一(推薦)：
# 首先頁首必須設定文件類型：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
且在head內新增：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 即可！
方法二：
body設定{text-align:center;width:100%;}
將所有div全部包含在c51f4459fcf422a08b11ee79272896f5中，wrap如下設定：
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} 且在head內新增：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
即可！
方法三：
用bacbf9e1ad7f40415ce1670e31edfee3adca8a5fa06ffeafb062c2e3f274b930取代二中的wrap層。
以上是css：margin:0 auto在ie8下面不能居中的解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn