absolute 와 가운데정렬
큰마루
2023.04.01
안녕하세요 오랫만에 들립니다.
예전에 한번 써먹은적이 있는데 까먹은기술에 대해.... 물어보고자합니다.
div 속성을 absolute로 주고 이 div를 가운데정렬로 구현하고자 하는 간단한 기술입니다.
위 그림에서 녹색div가 absolute속성이고 width:900px입니다. 이를 항상 전체에서 가운데 정렬하고자하는데
자꾸 왼쪽으로 쏠리네요^^;;
페이지 width전체크기를 계산하여 나누기2하고..녹색div width의 절반인 450px를 적용하여 가운데 정렬하는것
같은데... 검색을해봐도 잘 못찾겠네요
형님들 누님들의 관심어린 조언을 구합니다~참고로 relative 속성을 사용하지 않고 구현하고자합니다. 녹색div밑에 컨텐츠 영역이 들어오기에 absolute만
이용하여 가운데정렬을 해야하는 상황입니다.
div style=left: 다음에 어떤 document.어쩌구를 넣으면 될것같은데.. 잘모르겠어요
-
하예진
수다님 left:50%; 요거 빠졌어요.ㅠ
-
리라
position:absolute; margin-left:-(넓이/2)px;