브라우저 가운데 썸네일형 리스트형 [ 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; } 이부분이다. 아래 테스트는 웹킷기반 브라우저( 크롬, 사파리, 맥스톤 등...) 에서만 보기가 가능합니다. 참조 : 이전 1 다음