在左边的Safari中使用calc（）

Question

我使用calc（）函数将div放在另一个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的宽度。