css style visibility:hidden 과 display:none 의 차이 > IT Tip&Tech

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


회원로그인

IT Tip&Tech

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

페이지 정보

작성자 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일12-10-25 10:43 조회5,676회 댓글0건

본문

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

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

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

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

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


  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

Total 121건 4 페이지
IT Tip&Tech 목록
번호 제목 글쓴이 날짜 조회
76 자바스크립트 document.getElementById 크롬에서 안돼요!! 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-04 4603
75 프로그램 실행되는 경로를 알고싶을때? 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-06 2866
74 시놀로지 NAS 웹서버에서 404 페이지 커스텀하기 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-23 4055
73 Synology NAS 의 vhost.conf 파일 위치 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-11 3819
72 Synology NAS에서 아파치 서버만 재시작 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-11 7981
71 [CSS]모바일 글씨크기 고정 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 12-04 6197
70 <td> 태그 CSS 긴글 줄바꿈 문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-22 5707
69 페이스북 좋아요 버튼과 댓글달기 모듈의 변경 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-21 5260
68 게임개발을 하고싶어하는 학생들에게 소개 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-19 4026
67 stl reference 사이트 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-06 4264
66 <tr> style 에는 border 가 없나요? 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-02 7147
65 div 안에 글자를 자동으로 잘라주는 style 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 4749
64 그누보드 관리자 페이지 메뉴 레이어 위치문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 5663
열람중 css style visibility:hidden 과 display:none 의 차이 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 5677
62 css 그라데이션에 관한 팁 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-24 4845
게시물 검색

접속자집계

오늘
626
어제
640
최대
3,675
전체
344,182
회사소개 개인정보취급방침 서비스이용약관
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
상단으로
모바일 버전으로 보기