CSS를 이용한 가운데 정렬 방법

가끔 CSS를 사용하여 가로 혹은 세로로 가운데 정렬을 해야 하는 경우가 있습니다. 가운데 정렬이 잘 안 되는 경우에 참조할 수 있는 사이트입니다.

링크된 사이트에서는 다양한 상황에서 가로(수평), 세로(수직), 가로와 세로(수평 및 수직)로 가운데 정렬시키는 방법을 설명합니다. 잘 안 되는 경우 각 시나리오별로 제시하는 방법을 적용해보면 잘 될 수 있습니다. 가령 세로로 가운데 정렬하는 것에 애를 먹다가 다음과 같은 방법으로 세로로 가운데 정렬을 시도해보니 잘 되는 경우가 있었습니다.

CSS로 세로로 가운데 정렬하기

 

떠나시기 전에 아무 댓글(Comments)이라도 남겨두세요.
기부를 통해 이 블로그의 운영을 후원하실 수 있습니다.