JQuery는 가운데 요소로 정렬 할 수 있습니까?

Question

일부 div에 대해 JQuery sortable을 사용하고 있습니다. 나는 그것이 왼쪽으로 점프 요소를 드래그하면 여백이 더 이상 작동하지 않기 때문에 :

div의는 "margin-left: auto; margin-right: auto;는"

문제는 CSS-규칙을 자신의 부모 DIV 내에서 중심에있다. 요소가 항상 중앙에 유지되도록 http://jsfiddle.net/annam/35MC3/28/

가 어떻게 그것을 해결할 수 :

여기에 문제를 보여주는 바이올린이야?

Answer 1

나는 아마 이런 짓을 했을까 :

http://jsfiddle.net/Ddymf/

가 sortables 정렬 할 필요가 없습니다 항목을 중심으로 별도의 컨테이너를 추가합니다.

<div id="outerContainer"> 
    <div id="container"> 
     <div class="draggable"></div> 
     <div class="draggable"></div> 
    </div> 
</div> 

...

#outerContainer { 
    width: 200px; 
    text-align: center; 
    height: 300px; 
    border: 1px solid green; 
    position: relative; 
} 
#container { 
    width: 100px; 
    margin:0 auto; 
} 
.draggable { 
    width: 100px; 
    height: 100px; 
    background: yellow; 
    margin: 10px auto; 
    cursor: move; 
}