Jquery滑块工作得很好，但为什么在尝试使其居中时它会断开？

我正在使用一个jquery滑块插件，它是jquery/css/html的新插件，但当我尝试将滑块居中时，它会断开。围绕圆圈移动的红点不与图片一起居中？我想了解这是为什么，以及如何修复？多谢各位

HTML

jquery

$('#rotatescroll').tinycircleslider({
   interval: true,
   dotsSnap: true,
   intervalTime: 1000
});

---

当计算容器的大小时，边距会包含在计算中，然后用于确定红点的位置。一种可能的解决方案是在计算容器宽度时通过传递false或省略参数排除边距：

containerSize =
{
    width  : $container.outerWidth()
,   height : $container.outerHeight()
}

如果不想编辑脚本，可以尝试在不使用边距的情况下将div居中，例如：

.centered {    
    left: calc( 50% - 150px );
}

---

或者通过使用包装器div，比如：

我也有同样的问题，但在移动版本中，包含tinycircleslider的div浮动。为此：

.wrapper {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
min-width:100px;    
overflow: hidden;
}

.rotatescroll { 
  left: calc( 50% - 150px ); 
}

---

通过这种方式，滑块居中且响应灵敏

非常感谢您，这是一个棘手的解决方案。我以前没见过calc。我会了解更多，了解更多。

.centered {    
    left: calc( 50% - 150px );
}

.wrapper {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
min-width:100px;    
overflow: hidden;
}

.rotatescroll { 
  left: calc( 50% - 150px ); 
}