Translate

2013년 7월 5일 금요일

[CSS] Centering Percentage Width/Height Div Elements (크기가 동적인 Div 센터정렬)




크기가 동적인 Div 를 가로세로 정렬하는 방법이 css-tricks 에 소개되었습니다.

하지만 브라우저의 지원을 확인해 봐야 합니다.
IE8 이하까지 지원을 해야 한다고 하면 적용이 힘들어 지겠네요.
(Check support browser)
Link




소스는 아래와 같습니다. 'Edit in JSFiddle' 을 눌러서 확인해 보세요.
Click on 'Edit in JSFiddle' and Viewing to rendering HTML.





위와같은 방법 말고도 Div의 크기가 고정되어있다면
지난번 포스팅과 같이 작업이 가능합니다.
(View this post If Div size fixed)
Link



만일 모바일 웹을 한다면 다음과 같이 근사한 방법이 있다.
[CSS] Element(Div, Img etc..) 세로 가운데 정렬 시키기





댓글 없음 :

댓글 쓰기