javascript - Turn.js 似乎无法在浏览器窗口中居中翻书

Question

Turn.js 的 autoCenter 属性改变了 #flipbook 的左边距，以保持动画书内的图像几乎居中。但是，我希望翻书在我的浏览器中居中，但 autoCenter 会影响放置边距：0 auto; 在#flipbook 上。

有什么方法可以让翻书在浏览器窗口中居中，并打开 autoCenter 属性，这样我就不必自己用 JavaScript 编写双页视图自动居中功能？

Answer 1

翻书正在处理#flipbook 元素，我想它是一个“div”元素，对吧？

所以脚本应该只将 div 内的对象居中......现在，尝试将这个“div”输入到另一个像中：

//HTML..
<div id="container" style="position:absolute;width: 50%;
    margin: 0px auto;">

       <div id="flipbook" style="position:relative">
       //Script works here
       </div>
</div>
//HTML..

对不起，如果这没有帮助你..

尝试提供一些代码来帮助我解决您的问题..