中心轮播响应

Question

我的旋转木马在小屏幕上的排列不正确，但是在笔记本电脑/台式机上s fine. I会为您附上屏幕截图和我的CSS代码。

非常感谢。

.MultiCarousel { margin-right:15px; margin-left: 15px;float: left; overflow: hidden; padding: 5px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
    .MultiCarousel .MultiCarousel-inner .item { float: left;}
    .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:20% ; }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }

    .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }

Answer 1

请勿使用left:和right:来看看

https://www.w3schools.com/css/css_align.asp

您需要在转盘上做的只是 margin: 0 auto;