display 속성
display: inline 기본값으로, 요소를 inline 요소처럼 표시합니다. => 앞뒤로 줄바꿈 되지 않습니다.
display: block 요소를 block 요소처럼 표시합니다. => 따라서 요소 앞 뒤로 줄바꿈 됩니다
display: none 박스가 생성되지 않습니다. => 따라서 공간을 차지하지도 않습니다.
display: inline-block 요소는 inline인데 내부는 block 처럼 표시함. => 즉, 박스 모양이 inline 처럼 옆으로 늘어섬.
visibility 속성
visibility: visible 기본값으로 요소가 그대로 보입니다.visibility: hidden 요소가 보이지 않지만, 여전히 그 공간을 차지하며 투명하게 남습니다.
visibility: collapse <table> 태그에서만 사용할 수 있는 값으로, 선택 테이블의 행과 열을 숨깁니다.
하지만 여전히 투명하게 공간을 차지 합니다.
<table> 이외에서 사용하면 hidden 상태처럼 만듭니다.
(collapse는 IE, Firefox에서만 작동)
'Study > Markup' 카테고리의 다른 글
| display: inline-block 여백이 생기는 현상 (0) | 2017.01.05 |
|---|