Safari中的calc（）左[重复]

Question

我使用 calc() 函数在另一个 div 中居中。它在 Chrome、Firefox、Opera 甚至 IE 中都可以正常工作，但在 Safari 中这种方法不起作用。

有没有 javascript 修复的建议？

left: -webkit-calc(50% - 25px);
left: -moz-calc(50% - 25px);
left: calc(50% - 25px);

Answer 1

正如 Hashem 所说，它在早期版本的 safari 中不起作用。

http://caniuse.com/calc

但是，如果您只想使 div 居中，那么您会想到几个想法。

一，你可以给容器一个

margin-right: auto;
margin-left: auto;
width: 50%;

或者任意设置宽度。

其次，你可以给父div

text-align:center;

使子div

display: inline-block;

和/或设置子 div 的宽度。