[ CSS3 ] display:-webkit-box

[ CSS3 ] display:-webkit-box

---

특정레이어를 브라우저 가운데 정렬하는 방법이다. 기존에 [ position:absolute; left:50% top:50% ; margin: -xxx 0 0 -xxx ] 이 값으로 많이 처리 하였다. css3에는 이방법으로 가운데 정렬이 가능하다. 핵심은 

.XXX {display:-webkit-box;  -webkit-box-pack:center; -webkit-box-align:center; } 이부분이다.

---

아래 테스트는 웹킷기반 브라우저( 크롬, 사파리, 맥스톤 등...) 에서만 보기가 가능합니다. 

---

참조 :