Как выровнять слайды в owl carousel 2 вертикально по центру?

Question

[Dymok]

Есть много изображений разной высоты, они вертикально выравнены по началу строки, пытаюсь сделать по центру, но не могу сообразить как.
Пытался для .owl-item задать height: 100%, но это не работает.
Искал, но в гугле решения только для старой версии, да и не особо правильно работает.
Есть какие-нибудь способы это решить?
Codepen

Comments

[65536]

высота в ней живет своей жизнью. чтобы сделать все по своему, нужно сами элементы делать одной высоты, а в них уже как надо. в вашем случае каждую картинку обернуть флексом с фикс высотой и в нем центрировать

[Dymok]

65536, а если высота заранее неизвестна? JS использовать? Хотелось бы без него :(

[65536]

Dymok, она вообще сама будет беспощадно тянуть и ужимать картинки если не обернуть, либо менять свою высоту при листании. в зависимости от autoHeight (что-то он пропал из документации).

если не известна, то сделать так чтоб была известна)) скачущая карусель никому не нужна. нужно выбрать какую-то высоту на общий случай, сделать айтемами не картинки а флекс контейнеры (лучше даже с оверфлоу хидден) и в них уже картинку по центру

Answer 1

[Денис Т]

owl carousel создает контейнер для слайдов с классом owl-stage.
Попробуйте так:

.owl-stage {
  display: flex;
  align-items: center;
}