절대 위치 지정을 사용하여 div 중심 지정하기

이것이 아마도 수백만 번 요구되었지만 절대 위치 지정을 사용하는 div를 중심에 배치하는 방법은 알고 있습니다.절대 위치 지정을 사용하여 div 중심 지정하기

나는 이것을 시도했지만 중심에 있지 않습니다.

당신은 사이트 here 암호를 볼 수 있습니다 springy88 당신은 negative margins 사용할 필요가

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; }

FYI와 마찬가지로. 하프 픽셀이 없습니다. 픽셀 측정은 정수일 수 있습니다. – laymanje

-margin-left:-121px합니다. 그러면 로고가 중앙에 배치됩니다. 그 후에 당신은 네비게이션의 위치를 바꿀 필요가 있습니다 ...

2012-03-12 03:34:44 xandercoded

-1

% 값 절반을 50 %로 설정할 수 있습니다 (예 : 왼쪽 : 25 % 또는 오른쪽 : 25 %; 래퍼를 제공하는 것은 요소의 너비의 두 배입니다. 당신이 사업부의 폭과 높이를 알고의 사업부를 중심으로

2012-03-12 04:08:06 Philip

은 매우 간단합니다. 당신이 dimentions에 대해 확실하지 않은 경우 다음 아마 당신은 JQuery와 방법에 갈 수

div { 
    position:absolute; 
    left:50%; 
    top;50%; 
    margin-left:-50px; 
    margin-top:-50px; 
}

당신의 사업부가 100width 가지고 있다고 가정하면 100 높이.

2012-03-12 06:33:42

답변