css - Safari 中左侧的 calc()

<分区>

我使用 calc() 函数将一个 div 置于另一个 div 的中心。它在 Chrome、Firefox、Opera 甚至 IE 中工作正常，但在 Safari 中此方法不起作用。

没有 javascript 固定的任何建议？

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

最佳答案

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

但是，如果您只想将 div 居中，我会想到几个想法。

一，你可以给容器一个

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

或者随意设置宽度。

其次，你可以给父级div

text-align:center;

制作子div

display: inline-block;

和/或为子 div 设置宽度。

关于css - Safari 中左侧的 calc()，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23035416/

相关文章：

html - 使用 calc() 时，宽度继承不会填充父级