calc() в Safari для левой

Question

Я центрирую div внутри другого с помощью функции calc(). Он отлично работает в Chrome, Firefox, Opera и даже в IE, но в Safari этот метод не работает.

Любые предложения без фиксации JavaScript?

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

Answer 1

Как сказал Хашем, он не работает в более ранних версиях сафари.

http://caniuse.com/calc

Однако, если вы просто хотите центрировать div, на ум приходит пара идей.

Во-первых, вы могли бы дать контейнер

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

Или сделайте ширину как хотите.

Во-вторых, вы могли бы дать родительский div

text-align:center;

Сделай ребенку див

display: inline-block;

и / или установить ширину для дочернего элемента div.