Вертикальный центр на сафари с translateY

Я использую следующий код для вертикального центра некоторых элементов:Вертикальный центр на сафари с translateY

.vertical--center{ 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
}

Кроме того, родитель этого элемента всегда position: relative. Это работает в каждом браузере, который я тестировал, кроме Safari. Есть ли способ обхода или webkit, чтобы сделать эту работу? Если нет, то каким образом было бы лучше вертикально сосредоточить вещи на Safari?

источник

2015-08-05 Bruno Henrique

Есть ли причина, чтобы не использовать Flexbox для этого проекта? –

Не совсем. Я использую структуру materializeCss, и поскольку они не обеспечивают жизнеспособный метод вертикального центра любого элемента, я должен был реализовать его. –

Является ли flexbox единственной альтернативой вертикальным центрам на Safari? –

Использование -webkit-transform: translateY(-50%); сделал трюк = D

источник

2015-08-08 22:39:44

Однако, как отметил @TimRoberts, flexbox намного лучше. –

Вертикальный центр на сафари с translateY

ответ

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