css - 左侧的 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

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

http://caniuse.com/calc

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

一，你可以给容器一个

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

或者根据你的喜好调整宽度。

其次，你可以给父 div

text-align:center;

使孩子div

display: inline-block;

和/或为子 div 设置宽度。