CSS - div 요소 화면 정중앙 정렬

CSS - div 요소 화면 정중앙 정렬

 

div 요소를 어떤 크기의 화면에서든 정중앙에 위치하고 싶을때 사용한다.

 

css 파일이 따로 존재하지 않다면 헤드안에 <style> 태그안에 설정해주고 따로 있다면 css 파일 안에 따로 넣어준다.

 

css파일에 넣어 저장해도 바뀌지 않는 경우는 이전에 사용한 css를 브라우저가 캐쉬에 보관하여 사용하기에 변화점을 기억 못하는 것.

 

이때는 브라우저 설정에서  캐시를 삭제하거나 또는 css 링크 코드에 경로 끝에 ?after를 붙여준다.