今天寫了個div,用margin:0 auto;來定義他的屬性,讓他居中,結果,居然無效。
一開始覺得是css裏的代碼衝突了,檢查了好幾遍,沒問題,而後用火狐和谷歌瀏覽器測試,居中了。。。
看來是瀏覽器兼容性的問題,忽然想起如今用了win7,ie已經升級到了ie8,看來問題就處在ie8的兼容性上。百度之。。。。css
特將解決方法複製到下面:
IE6,7,Firefox下實現居中通常用:margin: auto 來實現,但在IE8下,這是不夠的。現提供兩種解決的辦法:html
方法一(推薦):瀏覽器
首先頁首必須設置文檔類型:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">post
且在head內添加:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 便可!測試
方法二:ui
body設置 {text-align:center;width:100%;}
將全部div所有包括在<div id="wrap">中,wrap以下設置:
#wrap { text-align:left; width:***; margin:0 auto; }htm
且在head內添加:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>文檔
便可!get
方法三:it
用<center></center>取代二中的wrap層。