如何居中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

回答

相關問題