무아지경

position:relative / position:absolute 를 이용하여 마크업을 하는 경우가 많이 있습니다. absolute 마크업을 하고 콘텐츠를 가운데 정렬을 하는 방법에 대해 간단히 적어 보겠습니다. 첫번째, margin값을 이용하는 방법 left or top 값을 50%를 주고 콘텐츠의 width or height 값의 절반을 margin 값으로 빼는 방법입니다. 말로는 이해하기 힘들수 있으니 간단히 보여드리겠습니다. See the Pen translate 를 이용한 가운데 정렬2 by yeoninim00 (@blisher-tool) on CodePen. 두번째, transform을 이용하는 방법 좌표 공간(X축, Y축)을 변형하여 콘텐츠의 위치를 바꾸는 방법입니다. 역시 간단히 보여드리..