CSS 가시성 없음 대 붕괴

Question

아래 두 가지의 차이점은 무엇입니까?

는

1. visibility:none;
2. visibility:collapse;

visibility: collapse 전용 테이블의 경우에 사용한다? 아니면 내가 틀렸어?

Answer 1

예, 맞습니다. visibility: collapse은 테이블 요소에서만 사용됩니다. 상자가 보이지 않는 숨겨진

은 (완전 투명, 아무것도 그려지지 않습니다), 그러나 여전히 배치에 영향을 미칩니다. 요소의 자손은 가시성이있는 경우 으로 표시됩니다 (IE에서 버전 까지 작동하지 않음). 테이블 행, 열, 열 그룹, 열 그룹의 행 (들) 또는 열 (들)에 대한

붕괴 숨겨하고 공간들은 점유 있는 것입니다 (표시 것처럼 : 하나도인가되지 않음 열/행의 테이블). 그러나 다른 행과 열의 크기는 마치 접힌 행 (들) 또는 열 (들)이 인 것처럼 계산되어 여전히 입니다. 이것은 테이블의 너비와 높이를 다시 계산하지 않고도 테이블에서 행/열을 빠르게 제거 할 수 있도록 설계되었습니다. XUL 요소의 경우 요소의 계산 된 크기는 여백이 여전히 유효하더라도 일반적으로 크기에 영향을주는 다른 스타일과 상관없이 항상 0입니다. 다른 요소의 경우 접기가 숨겨진 것으로 처리됩니다.

참조 : https://developer.mozilla.org/en-US/docs/Web/CSS/visibility