html - IE 中的 Css calc() 行为

Question

我的目的是将内部div放在容器的中间。

小提琴中的例子 ：

calc()主要问题是由于使用 css规则，内部 div 在 IE 中向右移动（Firefox 和 Chrome 显示它很好） 。如果我在上面的示例中取消注释恒定宽度width: 156px，它就可以工作。

但它不与calc(). 有什么办法可以为 IE 修复它吗？

PS 我知道 IE8 及更低版本不支持calc()，我在 IE9 中尝试过。

Answer 1

试试这个新的小提琴，你的 CSS 中有几个错误。给你：

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

---

首先，你在哪里使用position: absolute，我不知道为什么。其次，你在哪里使用top和right，对于那些你必须使用的position: relative。第三个你在哪里使用right，我改成的margin-right，物品必须要float: right使用right。

---

编辑

如果您希望文本居中对齐，请将以下属性添加到您的 wrappertext-align: center中。这是一个更新的小提琴：http: //jsfiddle.net/tuwd3tqg/2/

Answer 2

给你上课

.column {
   text-align: center;
}