css style visibility:hidden 과 display:none 의 차이

본문 바로가기
사이트 내 전체검색

로그인
회원가입
IT Note

css style visibility:hidden 과 display:none 의 차이
0

View 16,284  | 작성일2012.10.25 10:43

본문

visibility:hidden 과 display:none 은 둘다 레이아웃을 숨기는 기능입니다. 

하지만 결정적인 차이가 있는데요.

visibility:hidden 은 모양은 숨겨주지만 레이아웃을 그대로 유지합니다. 
즉 숨어있어도 한자리 꿰차고 있다는거죠.

반면 display:none 은 레이아웃도 사라집니다. 
숨기면 완전히 레이아웃에서 없어집니다. 

이 차이를 잘 활용하면 좀더 깔끔한 동적 css 레이아웃을 사용할수 있습니다^^


댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

게시물 검색

접속자집계

오늘
835
어제
1,963
최대
6,399
전체
976,611
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
모바일 버전으로 보기