calc（）在Safari左邊

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

但是，如果你只是想中心股利，一對夫婦的想法浮現在腦海中。

一，你可以給容器

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

或做任何你喜歡的寬度。

其次，你可以給父DIV

text-align:center; 

使孩子的div

display: inline-block; 

和/或設置對孩子的div的寬度。