Почему не работает флекс-бокс в блоке?

Question

[Norum]

Хочу выравнять стрелки перелистывания слайдов в Vue Carousel 3D посередине, но не могу понять почему не получается. Сами стрелки находятся в блоке .carousel-3d-controls и этому блоку я задал

display: flex;
justify-content: center;
align-items: center;

но в итоге ничего не получается


Весь код https://jsfiddle.net/jbtLyrfk/
сам сайт tempesho.beget.tech

Comments

[Steppp]

line-height у стрелки надо меньше сделать! они выходят за блок! И как то шрифтом стрелки делать, не очень( Нарисуй на псевдо эл, или выравнивай line-height и font-size

Answer 1

[FeST1VaL]

Потому что они absolute как бы

Comments

[Владислав Черненко]

по вашему absolut-ые элементы не могут быть flex-ом?

[FeST1VaL]

Владислав Черненко, если у них заданы left right bottom top, то им по факту пофиг на центрирование. Что и сделано у автора. Причем еще и с !important.