垂直中心/改变计算高度反应光滑

Question

我正在尝试找到一种垂直居中或以其他方式为我的 react-slick 滑块添加空间的方法，以便在幻灯片悬停时显示框阴影。目前似乎正在自动计算高度，slick-list 包装器具有计算出的幻灯片高度的内联样式。

我有什么方法可以覆盖或以其他方式绕过内联高度或 overflow:hidden on slick-list 被设置，以便我可以显示我的盒子阴影？

当前（框阴影变为红色以获得更好的可见性）：

desired 会更接近这个，你可以看到阴影的底部。我通过在浏览器中手动编辑高度得到了这个：

Answer 1

我不确定我是否理解了这个问题，但是您不能为每张幻灯片添加一些填充吗？还可以尝试为 .slick-list 设置您想要的高度，让您的幻灯片具有 height: 100%;，然后它们都应该具有父级 (.slick-list) 的高度。

如果您想在父级中居中幻灯片，请将父级设为 display: flex; 并添加 align-content: center;

如果这不是您要查找的内容，请发布屏幕截图和您拥有的代码。