IE中的Css calc（）行爲

我的目的是把內部的div放在容器的中間。IE中的Css calc（）行爲

的例子中 fiddle:

的主要問題是，內格是正確的，在IE移位（Firefox和鉻顯示它細），因爲使用CSS calc()規則的。如果我在width: 156px以上的示例中取消了恆定寬度的註釋，則它可以工作。

但它不與calc()。有沒有辦法解決它的IE瀏覽器？

P.S.因爲我知道IE8和更低不支持calc()，我在IE9中嘗試它。

來源

2015-08-27 user1820686

這將有助於如果我們知道這是*假設9看起來像。 –

@Paulie_D，正如我上面寫的，其他瀏覽器正確顯示它（只是嘗試在Chrome中打開這個小提琴）。主要目標是顯示p標記中的文本，右對齊水平對齊和垂直中間 – user1820686

試試這個新的小提琴，那裏有你的CSS一對夫婦的錯誤。這裏亞去：

http://jsfiddle.net/tuwd3tqg/1/

首先，雖然，你在哪裏使用position: absolute，我不知道爲什麼。其次，你在哪裏使用top和right，對於那些你必須使用position: relative。第三你在哪裏使用right，我更改爲margin-right，並且項目必須是float: right才能使用right。

編輯

如果您想在中心對準下面的屬性添加到您的包裝text-align: center文本。這裏是一個更新的小提琴：http://jsfiddle.net/tuwd3tqg/2/

來源

2015-08-27 12:38:28

謝謝，它絕對有幫助！我只是無所適從，因爲Chrome和Firefox處理另一個（我猜想是正確的）方式，所以我認爲問題出在calc（） – user1820686

給你的類

.column { 
    text-align: center; 
}

來源

2015-08-27 12:18:26 Sersi

對代碼的一點解釋會更有幫助。 – serenesat

@Sersi，恐怕它不起作用（剛剛在IE中試過） – user1820686

IE中的Css calc（）行爲

回答

相關問題