你如何使用Internet Explorer將div分爲中心？我

我有Internet Explorer和定心麻煩，我的問題是如何圍繞一個div沒有CENTER標籤，並得到了在所有的瀏覽器兼容，因爲我用你如何使用Internet Explorer將div分爲中心？我

margin:auto;

它在所有borwsers 但它不會在Internet Explorer工作我要找的東西，將在所有的瀏覽器工作有人告訴我，把

text-align: center;

的身體，但不是所有的t他的文字已經到了中間

那麼我該怎麼做呢？

來源

2011-09-21 some Folk

html標記請 – Samich

寬度是否固定？ – 2011-09-21 19:30:24

保證金：汽車應該工作，如果寬度指定 – user813720

你很近。使用下面的CSS：

margin:0 auto;

這裏的a working jsFiddle。請注意，我給了div一個固定的寬度。

來源

2011-09-21 19:29:10

很好，謝謝。 –

@MorSela，不客氣:) –

IE對自動頁邊空白有特別的支持（即在怪癖模式下有不同的行爲）。這應該工作，雖然在幾乎所有情況：

CSS：

.container { 
    /* for IE */ 
    text-align: center; 
} 
#the-div { 
    /* reset text-align */ 
    text-align: left; 
    /* for "good" browsers */ 
    margin: 0 auto; 
}

HTML：

<div class="container"> 
    <div id="the-div">centered content</div> 
</div>

來源

2011-09-21 19:32:17 jmar777

謝謝，效果很棒！ –

真棒:)猜你知道我的'/ /'評論被破壞之前我雖然通過哈哈。正在修復... – jmar777

如果您使用身體作爲容器，則可以擺脫容器格。 –

你需要指定的寬度以及保證金：

div.center { width:980px; margin:0px auto; }

HTML示例：

<html> 
<head></head> 
<body> 
<div class="center">CONTENT</div> 
</body> 
</html>

來源

2011-09-21 19:33:05

謝謝，效果很棒！ –

是的，這在IE中完美運行。

.container { 
    /* for IE */ 
    text-align: center; 
} 
#the-div { 
    /* reset text-align */ 
    text-align: left; 
    /* for "good" browsers */ 
    margin: 0 auto; 
}

來源

2017-01-14 19:16:00 user7212232

您的CSS已關閉，您的問題不在瀏覽器中。簡單的解決方法是更改內部div類。

你有你的位置絕對左25％...使用左50％，它會自動更正。

刪除左側：完全添加50％並添加空白：0 auto;正如之前在另一個答案中指出的

來源

2017-09-30 04:33:23

你如何使用Internet Explorer將div分爲中心？我

回答

相關問題