수평 정렬 위치 : relative divs (CSS)

Question

여기 내 웹 사이트에서 http://project.jazzassite.tk 과 같은 내용을 원하는 div에 배치 할 수 있습니다. 유일한 문제는, 만약 내가 그것을 부동, 그것은 작동하지 않습니다, 그리고 내가 위치를 사용하는 : 그들은 계단 케이스 효과를 만듭니다.

필자는 CSS를 사용하여이 작업을 수행하고 테이블을 사용하지 않기를 바랬습니다.

감사 어떤 도움,

Answer 1

Jazza 당신은 모든 (6 명) 어린이를 포함 navigate 사업부를 중심으로하고 싶은거야? 그렇다면 다음과 같이 작동해야합니다.

#navigate { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    margin-left: -540px; 
    margin-top: -15px; 
} 

여백은 내용의 너비의 절반이며 음수로 지정됩니다. margin-right는 내용의 높이의 절반이고 음수가됩니다. 이렇게하면 개체를 세로 및 가로로 가운데에 배치 할 수 있습니다. 이게 너가 찾고있는거야, 내가 그 지점을 놓치니?