페이지의 중앙에 사업부를 설정하는 방법

http://jsfiddle.net/VjMy8/페이지의 중앙에 사업부를 설정하는 방법

#container에 따라 다른 내용이 중심에있을 수 있도록 저를 페이지 중앙에 유지하는 #container을 설정 도와주세요. CSS에서

2012-02-07 ismail vittal

([페이지의 중심에 DIV 정렬]의 중복 가능성 http://stackoverflow.com/questions/8014004/aligning-div-to-center입니다 -of-page) –

D 여기에 이미 100 번 답변이 있습니다. 더 열심히보십시오. –

덕분에 GroundZero –

: 당신도 용기를 필요로하지 않습니다이 방법

#container { 
    width: xxx em/px/%/...; 
    margin-left: auto; 
    margin-right: auto; 
    /* or margin: 0 auto; */ 
}

, 당신이 아래의 코드처럼 뭔가를 할 수 있습니다. 이 페이지의 흐름을 방해하지 않도록
이 코드는, float를 필요로하지 않는다

이 방법은 모든 브라우저에서 작동

#div_left { 
    width: 25%; 
    margin-left: 12%; 
} 
#div_right { 
    width: 50%; 
    margin-left: 38%; 
}

많은 easyer는이 (세 이상 &) 방법 :

body { 
    text-algin: center; 
} 
#container { 
    width: xxx; 
    text-align: center; 
} 
#div_left { 
    width: 30%; /* 30% of the container-width */ 
} 
#div_right { 
    width: 70%; 
}

출처

2012-02-07 16:41:49 GroundZero

고마워요 !!! –

더 나은 것은'margin : 0 auto;' –

@ JannisM 사실이지만, 그것이 '왼쪽 상단 오른쪽 하단'임을 잊어 버렸습니다 – GroundZero

단지 부동 소수점 왼쪽을 제거 - 여기 바이올린은 http://jsfiddle.net/mvivekc/VjMy8/3/

출처

2012-02-07 16:53:31

CSS에서 시도한 주석 ('margin : 0 auto;'이전의'//')을 제거했습니다. –

@ NathanArthur는 컨테이너가 중앙으로 오지 못하게하는'float : left'을 제거했습니다 - 주석은 잘못되었습니다 !! .. 구문 오류 및 센터에 가져 오기 위해'margin : 0 auto'이 필요합니다! ! .. 그는 센터에서 그것을 원했고, 나는 중심으로 가져 갔다. - 코드를 약간 변경했다. –

예, 그렇습니다. 경험이없는 경우에도 질문자가 솔루션을 구현할 수 있도록 모든 변경 사항을 명시하면 언제나 유용합니다. –

페이지의 중앙에 사업부를 설정하는 방법

답변

관련 문제