css 가운데 정렬, 100% 적용 방법은?

오늘은 꿀팁은 초보자도 알아두면 좋은 css 가운데 정렬 방법에 대한 것이다. 가운데 정렬은 css 소스들 중에서 약방의 감초처럼 비일비재하게 사용하는 요소 중에 하나로 간단한 방식으로 구현이 가능하다.

local_hospitalCSS 가운데 정렬
속성값은 종류에 따라서 달라짐 / 최신 브라우저에서 적용 - 가운데 정렬은 무엇을 정렬할 것인가에 따라서 다른 속성값이 적용된다. 무엇에 해당하는 것은 크게 2가지로 텍스트와 블럭이다. 텍스트는 {text-align:center;}를 적용하면 즉시 텍스트가 중앙으로 정렬된다. 반면에 블럭으로 지정되어 있다면 {margin: 0 auto;}를 적용해야 블럭이 가운데로 이동한다. 단, 브라우저 버전이 낮으면 적용이 안될 가능성도 있다.

local_hospitalCSS에 대해서 좀 더 쉽게 공부하고 싶다면 1부터 10까지 상세하게 설명되어 있는 W3SCHOOLS.COM 사이트를 이용하면 된다. 튜토리얼 개념으로 완벽하게 정리되어 있으니 하나씩 공부하면 된다.