doeunn.log

▶CSS 화면 중앙 배치 콘텐츠를 가로나 세로 혹은 가로/세로 즉 중앙에 배치하고 싶을 때의 방법을 공부해보겠습니다. 1) 가로에서 중앙 배치 ① margin 이용 margin은 컨텐츠 바깥 부분의 여백을 의미합니다. 이 방법은 바깥 여백을 이용하여 중앙에 배치합니다. margin left/right 실행 화면은 아래와 같습니다. margin-left와 margin-right를 auto로 주는 것은 좌우 바깥 여백을 자동으로 해서 가로 기준 중앙에 배치하는 것입니다. ② position: relative & transform 이용 position은 컨텐츠의 위치에 관해 설정해줄 수 있습니다. 이번에 사용할 position: relative는 컨텐츠들의 위치를 기준으로 위치를 이동시킬 수 있습니다. pos..