Question

我在div属性上使用iScroll，Chrome Elements中有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？

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

如果你想要的那个居中，你需要帮助让子弹移除，请告诉我。

如何使iScroll div居中

1 个答案: