모든 div의 중심 지정

Question

저는 약 30 분 동안 인터넷 검색을 해왔지만 여전히 해결책을 찾지 못했습니다.

저는 분당 많은 웹 사이트를 운영하고 있습니다. 이 모든 것은 980px의 너비를 가지며 자체적으로 멋지게 보입니다. 내 유일한 문제는 화면이> 980 픽셀이라면 왼쪽에 나타납니다.

질문 : 코드를 가운데에 놓을 수있는 태그가 있습니까? 나는 <center> 시도하고 냄비 행운을 기대했지만 작동하지 않았다 :(

Answer 1

을 그냥 컨테이너 사업부에서 그들을 포장하고 그것을 같은 폭 PLUS 제공했습니다 : 물론 margin: 0 auto;

<div id="container" style="width:980px; margin:0 auto;"> 
    ....your divs 
</div> 

이 스타일을 이동을

Answer 2

float (요소를 옆으로 밀어 넣음), 절대 위치 지정 (요소가 정상적인 흐름을 벗어남)을 사용하거나 요소를 중지했다고 가정하면 블록으로 표시하는 중 :

margin-left: auto; margin-right: auto;으로 설정하거나 속기 표기법 (margin: 0 auto)을 사용하십시오 (여기서 0은 원하는 상단 및 하단 여백 임).

표준 모드를 ​​트리거하는 Doctype이 있는지 확인하십시오. (모든 최신 개발에 사용해야합니다.)

자세한 내용은 this article을 참조하십시오. 그렇지 않으면

div { 
    margin-left: auto; 
    margin-right: auto; 
} 

단지 <div id="wrapper"></div> 모든 div의 포장 및 CSS 파일에 넣고 : - 구조가 평면 인 경우

Answer 3

는 당신이 당신의 CSS 파일에 다음과 inlcude 수있는 중첩 된 div가 없습니다 :

div#wrapper { 
    margin-left: auto; 
    margin-right: auto; 
}