중간에 div의 요소를 정렬하는 방법

Question

div의 가운데에 swf를 배치하는 데 문제가 있습니다. 내가 정의한 div는 position: top과 left이고 내부에는 javascript로 동적으로 swfs를로드하는 두 번째 div가 생성되었습니다. swfs의 크기는 차이가 있으므로 div 외부는 swfs의 최대 너비와 swfs의 max-height를 갖습니다. swf를로드 할 때 왼쪽 상단 모퉁이에 머물러 있습니다. 내가

.div (inside) {display: table-cell; vertical-align: middle;} 

및

.div (inside){margin-top:auto; margin-bottom: auto; margin-left:auto; margin-right:auto;} 

및

.div (inside){margin-top:50%; margin-bottom: 50%; margin-left:50%; margin-right:50%;} 

으로 시도했지만 내가하려고 할 때 그것이 작동하지 않았다에 외부로

.div (outside){padding: 25px;} 

적용 div 안에 div가 움직여서 내가 그렇게 생각합니다. y는 외부 div를 정렬해야합니다. 그러나 시도한 때 .div (outside){padding: 50%;) 또는 .div (outside)(padding: auto;) 작동하지 않았다. 누구도 도와 줄 수 있습니까?

Answer 1

래퍼를 먼저 만든 다음 margin : 0 auto; 귀하의 CSS 파일 안에 코드?

기본적으로

<div id="wrapper"> 
    <div class="swf-container"> 
    <!-- Your Flash Code Here --> 
    </div> 
</div> 

그리고이 같은 다음 CSS 파일 내부에 뭔가 ..

div#wrapper { 
    width: 100%; 
    height: auto; 
} 

div#wrapper > div.swf-container { 
    display: block; 
    height: 500px; 
    width: 980px; 
    margin: 0 auto !important; 
}