Css IE 中的 calc() 行为
Css calc() behavior in IE
我的目的是将内部 div 放在容器的中间。
例子中
fiddle:
主要问题是内部 div 在 IE 中右移（Firefox 和 Chrome 显示正常），因为使用 css calc() 规则。如果我在上面的示例 width: 156px 中取消注释恒定宽度，它会起作用。
但它不适用于 calc()。有什么方法可以为 IE 修复它吗？
P.S。据我所知，IE8 及更低版本不支持 calc()，我在 IE9 中尝试过。
给你的 class
.column {
text-align: center;
}
试试这个新的 fiddle，你的 CSS 中有几个错误。给你：
http://jsfiddle.net/tuwd3tqg/1/
不过，首先，您在哪里使用 position: absolute，我不知道为什么。其次，您在使用 top 和 right 的地方必须使用 position: relative。第三你在哪里使用 right，我改为 margin-right，项目必须是 float: right 才能使用 right。
编辑
如果您希望文本居中对齐，请将以下内容 属性 添加到包装器 text-align: center 中。这是更新后的 fiddle：http://jsfiddle.net/tuwd3tqg/2/
我的目的是将内部 div 放在容器的中间。
例子中 fiddle:
主要问题是内部 div 在 IE 中右移（Firefox 和 Chrome 显示正常），因为使用 css calc() 规则。如果我在上面的示例 width: 156px 中取消注释恒定宽度，它会起作用。
但它不适用于 calc()。有什么方法可以为 IE 修复它吗？
P.S。据我所知，IE8 及更低版本不支持 calc()，我在 IE9 中尝试过。
给你的 class
.column {
text-align: center;
}
试试这个新的 fiddle，你的 CSS 中有几个错误。给你：
http://jsfiddle.net/tuwd3tqg/1/
不过，首先，您在哪里使用 position: absolute，我不知道为什么。其次，您在使用 top 和 right 的地方必须使用 position: relative。第三你在哪里使用 right，我改为 margin-right，项目必须是 float: right 才能使用 right。
编辑
如果您希望文本居中对齐，请将以下内容 属性 添加到包装器 text-align: center 中。这是更新后的 fiddle：http://jsfiddle.net/tuwd3tqg/2/