如何居中iScroll DIV

我用iScroll上格属性，存在铬元素HTML代码如何居中iScroll DIV

<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

，但它不工作时，我添加“保证金：0在contentScroller

物品的宽度是1366 contentScroller汽车”的风格是948

那么，如何中心contentScroller？

来源

2013-05-09 Joe

您是否试过在#thelist上设置text-align: center？

下面是一个例子：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-09 09:22:35

样式代码不在html代码中...我从Chrome工具元素中复制该代码。还有一件事我忘记告诉了，#thelist里的li有“float：left”风格。每行几乎都有六里 – Joe 2013-05-09 09:34:40

这是强制性的吗？内联css是更好的做法。就像考虑你是否在多个页面上有相同的UL并想改变一个属性一样......你必须更新每一页，或者如果它在一个单独的CSS文件中，你可以在一个地方进行编辑。 – 2013-05-09 09:35:54

so..buddy，这就是原因，在一行中没有一个li – Joe 2013-05-09 09:41:26

如何居中iScroll DIV

回答

相关问题