Div 수평 중심 아니요 절대

Question

조금 문제가 있습니다.

다른 div 안에 이미지 인 일부 요소에 대해 컨테이너 div가 있습니다. 뭔가 같은 :

<div id="container"> 
    <div id="draggable"> 
     <img src="something"> 
    </div> 
</div> 

나는 verticaly 컨테이너를 중심으로해야합니다,하지만 난 사용할 수 없습니다 상단 : -healfHeight; margin-top : 50 %; 왜냐하면 jquery UI 드래그가 작동하지 않기 때문입니다. 그럼 어떻게 해결할 수 있을까요? :(

Answer 1

var wh = $(window).height(); 
var ch = $('#container').height(); 
var mt = (wh - ch)/2; 
$('#container').css('margin-top', mt) 

http://jsfiddle.net/zJrKh/1/

Answer 2

이 position: relative에 부모 컨테이너 설정을 시도하고 당신이 원하는 요소가 margin: auto에 중앙에.

Answer 3

을 어떻게 JQuery와 위치 작동하지만 당신의 대답 잘 모르겠어요

컨테이너 div를 위치로 지정 : 절대 : 상단 : 50 %; 왼쪽 : 50 %;

다음 'draggable'div에이 위치가 필요합니다. position : relative; 상단 : (div의 전체 높이의 절반); 왼쪽 : (- div의 너비의 절반);

예를 들어 draggable div가 100x100px 인 경우 상단은 -50px이고 왼쪽은 -50px입니다.

Answer 4

<div id="container"> 
    <div id="draggable"> 
     <img src="something"> 
    </div> 
</div> 

마르크 반드시 부모의 폭이 드래그 할 수있는 요소보다 더 넓은, 다음 시도 :

#draggable{display:block;margin:0 auto} 

편집, 죄송합니다, 당신이 그것을 수직으로 중심이 필요 깨달았다.

보십시오

#container{display:table-cell} 
#draggable{vertical-align:middle}