왼쪽/테이블 셀 사업부에 대한 마진 왼쪽 값은

Question

나는이 HTML이

#main { 
    padding:10px; 
    margin-top:5px; 
    display:table-cell; 
    font-family:Calibri; 
    font-size:25px; 
    background-color:#50aafb; 
} 

을하고 난 main를 이동하는 방법을 많이 계산 자바 스크립트를 div에서 left/margin-left. div는 display:table-cell 때문에 움직이지 않지만 다른 것을 필요로합니다 ...

어떻게 해결합니까?

UPDATE : http://jsfiddle.net/yueCM/

업데이트 2 : 자바 스크립트 :

$(window).load(function() { 
    var l = ($(document).width() - $('#main').width())/2; 
    $('#main').animate({marginLeft:l}, 200); 
}); 

솔루션 (내게는) : 는 table에 table-cell을 변경했습니다.

(@ Sparky672 발견) 용액 : https://stackoverflow.com/a/2986792/594235

랩 (예를 들어 디스플레이 block)의 다른 DIV table-cell DIV 그리고 DIV에 적용 JS.

Answer 1

사용 inline-block 대신 table-cell : demo

#main 그냥 래퍼, 그것은 해치지 않을 것입니다. 브라우저 지원은 비슷합니다 : inline-block, table-cell.

IE를 들어 < 8 지원, 추가

이

*zoom: 1; 
*display: inline;