Как центрировать iScroll DIV

Question

Я использую iScroll на сНу атрибут, есть HTML-код в Chrome Elements

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

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> 

Если центрирование то, что вы хотите , и вам нужна помощь, чтобы удалить пули, сообщите мне.