IE8 margin:0 auto 不能居中顯示的問題

ie8下面margin:0 auto;不能居中的解決方案,ie8兼容性代碼

  今天寫了個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層。

相關文章
相關標籤/搜索