简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

css：margin:0 auto在ie8下面不能居中的解決辦法

黄舟
發布： 2017-07-21 13:43:54
原創
1973 人瀏覽過

今天寫了個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全部包含在

中，wrap如下設定：

　#wrap    
　{ 
　text-align:left; 
　width:***;  
　margin:0 
　auto; 
　 }
登入後複製

　　且在head內新增：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
登入後複製

　　即可！

　　方法三：

　　用

取代二中的wrap層。

以上是css：margin:0 auto在ie8下面不能居中的解決辦法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
auto margin
來源：php.cn
上一篇：css中margin:0 auto無效的解決方法 下一篇：css3中關於box-shadow外陰影以及外發光的範例詳解（圖）
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
有沒有辦法強制彈性框中的文字垂直居中，無論我們有什麼其他 CSS 程式碼？ 我有以下CSS程式碼，它是我正在開發的網站中使用的更大CSS程式碼的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content...
來自於 2024-04-06 20:41:51
0
1
518
父級的填充被黏性定位的子級忽略 如何防止黏性元素進入標題後面？當前程式碼片段在父級上使用填充頂部，我也嘗試在額外的子級上使用margin-top或透明50px邊框，但它似乎不起作用。我知道在這種情況下我可以輕鬆地...
來自於 2024-04-06 11:42:51
0
1
338
為什麼具有固定寬度和最大寬度為90%的網格子項會溢出網格軌道？ 問題：我的問題非常簡單，我想知道為什麼.header元素在達到1500像素的視窗寬度時會溢出其網格軌道。程式碼：*{box-sizing:border-box;padding:0;...
來自於 2024-04-05 14:33:39
0
1
1426
如何使用 CSS 刪除 Next.js 中井字遊戲板上每行下方的空格？ 為什麼每一行下面都有一個空格？ （CSS）我正在嘗試製作一個Next.js井字遊戲應用程式來測試我的技能。但是，我遇到了css問題。似乎每行板下方都存在填充問題-每行下方都有一個小...
來自於 2024-04-05 11:39:02
0
1
1431
在手機尺寸畫面上，如何將段落向左移動的CSS和HTML方法 在正常的16:9電腦螢幕上看起來很完美，文字在左邊，圖片在右邊。但是，當涉及到較小的螢幕（例如手機尺寸的螢幕）時，它確實會像我想要的那樣在段落頂部顯示圖片。我對此很陌生，所以請幫忙...
來自於 2024-04-04 20:25:22
0
1
330
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！