프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[소스] SD_05 display, visiblity

2021.07.05
북마크 [출처 이동]    작성자 정보
display:none;
코딩에 존재 없음
공간을 차지하지 않음
 
if ( $('.box').css('display') === 'none' ) {
  $('.box').show();
  /*  $('.box').slidDown(); */
} else {
  $('.box').hide();
  /*  $('.box').slidUp(); */
}




visiblity:hidden, visiblity:visible
코딩에 존재 있음 
공간을 차지하면서 안보임
<style>
 .hide { visiblity:hidden; }
</style>


display : table
하위 tag에 선언
<style>
 .services{
             display:table;
             width:800px;
             border:1px solid;
 } 

 .service div{
             display:table-cell;
             width:50%;
 }
</style>


 

이 포스트 공유하기

전체목록