absolute객체 가운데 정렬

div { width: 500px; height: 100px; position: absolute; left: 50%; /* 가로 가운데 정렬 */ margin-left: -250px; /* 가로 가운데 정렬이 왼쪽 끝을 기준으로 되기 때문에 width의 절반만큼 왼쪽으로 이동한다. */ top: 50%; /* 세로 가운데 정렬 */ margin-top: -50px; /* 세로 가운데 정렬이 위쪽 끝을 기준으로 되기 때문에 height의 절반만큼 위쪽으로 이동한다. */ }...

absolute객체 가운데 정렬에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

#IT·컴퓨터

원문링크 : absolute객체 가운데 정렬