레이어 중앙 정렬

레이어 중앙 정렬 하는 방법 3가지 정도 추천을 할까 합니다.

1.Margin을 이용하는 방법

  1-1.Magin 반값을 사용하는 방법

장점:
자주 쓰이는 방법이고 모든 브라우저에서 사용이 가능하다.
단점:
레이어의 사이즈가 유동인 경우 활용하기가 어렵다.

  1-2.Margin auto값으로 하는 방법

장점:
넓이, 높이의 값을 반으로 계산을 안해도 된다.
단점:
IE8이상만 지원이 된다.

2.Transform을 이용하는 방법

장점:
레이어의 사이즈가 유동인 경우에도 쉽게 활용할 수 있다.
단점:
IE8 이하에서는 제대로 동작하지 않는다