[英]Carousel React Fluent UI does not render properly when have more than 8 thumbnails
这个问题让我失去理智。 我想使用带有缩略图的 React Fluent UI Carousel 组件并将其放在我的容器中间,一切正常,直到我添加超过 8 张幻灯片。 轮播移动到屏幕左侧并最终从视口中消失。
我正在使用 Fluent UI 中的默认代码片段在这里可用Fluent ui 缩略图轮播
只需覆盖以下属性:
.ln {
width: 600px;
}
.ui-carousel__navigation {
margin-top: -55px !important;
position: absolute;
display: flex;
flex-flow: wrap;
justify-content: space-between;
width: 1000px;
margin-left: -200px;
}
.nb {
transform:none !important;
}
.ol {
transform: none !important;
}
.nc {
transform: none !important;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.