html - 在响应式中垂直居中轮播元素

Question

我有一个旋转木马，其中的元素在响应式中具有可变高度，我想将它们垂直居中放置在 .carousel-inner 容器中。我确实这样做了(使用 flex、top 和 transform 等)...但是只有当它们在激活时完成动画时才会居中，所以它们首先在顶部对齐，然后向下对齐，看起来像是在跳跃。

我认为这与轮播的 Bootstrap 动画有关，但我还没有弄明白。页面是https://zuckermanlaw.swapps.io ，轮播位于我们的服务部分。我将不胜感激任何帮助。谢谢。

Answer 1

只需添加与您的旋转木马内部类必须在下面提到的类相同的高度，虽然它会稍微拉伸(stretch)图像但可以解决您的问题。

section.third-section #carousel-our-services .carousel-inner .item .carousel-caption {
        display: flex;
        height: 365px;    
    }

希望对您有所帮助。享受:)