2014-04-12 3 views
0

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

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

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

выражение 'calc()' поддерживается в Safari 6 и выше (префикс '-webkit' необходим для v6.x). Он не работает в более ранних версиях Safari. –

+0

ОК спасибо, чем я должен предпочесть использовать что-то вроде левого: 48% сначала как резерв, а остальные. – tolga

ответ

1

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

http://caniuse.com/calc

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

Один из них, вы могли бы дать контейнеру

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

Или сделать ширину, что вам нравится.

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

text-align:center; 

сделать ребенка Див

display: inline-block; 

и/или установить ширину для ребенка дел.

Смежные вопросы