0

我在 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>

我想将 contentScroller 居中

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

文章宽度为 1366，contentScroller 为 948

那么，如何让 contentScroller 居中呢？

4

1 回答 1

1

你试过设置text-align: center吗#thelist？

这是一个例子：http: //jsfiddle.net/Nz3Q7/

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

#contentWrapper {
    overflow: hidden;
}
#contentScroller {
    height: 610px;
    -webkit-transition: -webkit-transform 0ms;
    transition: -webkit-transform 0ms;
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: translate(0px, 0px) translateZ(0px);
}
#thelist {
    text-align: center;
}

的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>

如果中心是您想要的，并且您需要帮助移除子弹，请告诉我。

于 2013-05-09T09:22:35.490 回答