Javascript 如何将iScroll div居中

我在div属性上使用iScroll，在Chrome元素中有HTML代码

<div id="content">
        <div class="article" id="contentWrapper" style="overflow: hidden;">
            <div id="contentScroller" style="height: 610px; 
                 -webkit-transition: -webkit-transform 0ms; 
                  transition: -webkit-transform 0ms; 
                 -webkit-transform-origin: 0px 0px; 
                 -webkit-transform: translate(0px, 0px) translateZ(0px);">
                <ul id="thelist">
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                                         <li class="item">XXX</li>
                </ul>
            </div>
        </div>
    </div>

XXX
XXX
XXX
XXX
XXX

我想将内容滚动条居中

但当我在contentScroller上添加“margin:0 auto”样式时，它不起作用

文章的宽度是1366，contentScroller是948

---

那么，如何将contentScroller居中？

您是否尝试过在

列表上设置
文本对齐：居中

下面是一个例子：

样式代码（将其放入样式表文件中）：

HTML：

<div id="content">
    <div class="article" id="contentWrapper">
        <div id="contentScroller">
            <ul id="thelist">
                <li class="item">XXX</li>
                <li class="item">XXX</li>
                <li class="item">XXX</li>
                <li class="item">XXX</li>
                <li class="item">XXX</li>
            </ul>
        </div>
    </div>
</div>



XXX
XXX
XXX
XXX
XXX


如果您需要这种居中方式，并且需要帮助删除项目符号，请告诉我。
样式代码不是html代码……我从Chrome tools元素复制了该代码。还有一件事我忘了告诉你，列表中的li有“float:left”的风格。几乎每行有六个li。出于某种原因，这是强制性的吗？最好不要将css内联。例如，如果你在多个页面上拥有相同的UL，并且想要改变一个属性…你必须更新每一页，或者如果它在一个单独的CSS文件中，你可以在一个位置编辑。所以..伙计，这就是原因，一行中没有一个li我甚至不知道该说什么，哈哈，但是如果你自己修复了它，那就太好了！
<div id="content">
    <div class="article" id="contentWrapper">
        <div id="contentScroller">
            <ul id="thelist">
                <li class="item">XXX</li>
                <li class="item">XXX</li>
                <li class="item">XXX</li>
                <li class="item">XXX</li>
                <li class="item">XXX</li>
            </ul>
        </div>
    </div>
</div>