垂直居中/更改计算高度react-slick
垂直居中/更改计算高度react-slick
提问于 2019-09-05 23:28:33
我正在尝试找到一种方法来垂直居中或以其他方式添加空间到我的react-slick滑块，这样当幻灯片悬停在上面时，我就可以显示一个框阴影。目前，高度似乎是自动计算的，并且slick-list包装器具有计算出的幻灯片高度的内联样式。
有没有什么方法可以覆盖或者绕过slick-list上设置的内联高度或overflow:hidden，这样我就可以显示我的方框阴影了？
当前(框阴影变为红色以获得更好的可见性)：
想要的是更接近这个的东西，在那里你可以看到投影的底部。这是通过在浏览器中手动编辑高度得到的：
回答 1
Stack Overflow用户
发布于 2019-09-05 23:48:01
我不确定我是否理解了这个问题，但是您不能在每张幻灯片中添加一些填充吗？也试着为.slick-list设置你想要的高度，让你的幻灯片有height: 100%;，然后它们都应该有父级的高度(.slick-list)。
如果要使幻灯片在父幻灯片中居中，请将父幻灯片设置为display: flex;并添加align-content: center;
如果这不是你想要的，那就发布截图和你拥有的代码。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57808693
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号