이 글은 주로 CSS의 표시 속성을 분석한 내용이니, 필요한 친구들이 참고하시면 도움이 될 것 같습니다. 아래 에디터와 함께 살펴보겠습니다.
일반적인 프로젝트 개발에서 사용하기 쉬운 값은 주로 다음과 같습니다.
none(요소가 표시되지 않음) table-cell(요소는 display="none"과 visible="hidden"의 차이점은 무엇인가요? 언뜻 보면 모두 숨겨진 요소를 의미합니다. 그렇습니다. 실제로는 숨겨진 요소입니다. 그러나 그들은 여전히 다릅니다! visibility="hidden"은 (만) 숨겨져 있으며 복원할 수 없음을 의미합니다. 가시성을 "숨김"으로 설정하면 요소가 숨겨지더라도 여전히 원래 위치를 차지합니다. 가시성은 요소의 위치를 유지합니다. 요소가 숨겨진 후에는 더 이상 다른 이벤트를 수신하거나 이벤트에 응답할 수 없으므로 JS를 통해 표시할 수 없습니다. display="none"은 숨겨지고(요소가 사라짐) 복원될 수 있습니다. 요소가 숨겨지는 것을 제외하고 표시가 "없음"으로 설정된 경우 가시성="숨김"과 정반대입니다. 표시 및 가시성의 속성 값과 리플로우와 다시 그리기의 차이를 설정합니다! 리플로우 및 다시 그리기에 대해 자세히 알아보려면 다음을 클릭하세요. "페이지 리플로우 및 페이지 다시 그리기" jQuery와 zepto에서 dispaly:none의 차이점은 무엇인가요? jQuery와 zepto의 dispaly:none의 차이점! 아마도 대부분의 초보자들은 아직도 그것을 이해하지 못할 것입니다! jQuery와 zepto의 display:none의 차이점을 알고 싶다면 ㅋㅋㅋ 다음을 클릭하세요: "jQuery와 zepto의 display:none의 차이점" 관련 권장 사항: 위 내용은 CSS의 표시 속성에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
block(요소가 블록 수준 요소로 표시됨) 요소 앞뒤에 줄 바꿈 포함) 문자)
inline(요소는 요소 앞뒤에 줄 바꿈 없이 인라인 요소로 표시됩니다.)
inline-block(인라인 블록 요소. CSS2의 새로운 값입니다. 1);
table(요소는 블록 수준 테이블로 표시됩니다.) 과 유사하며 테이블 앞과 뒤에 줄바꿈이 있습니다.
table-row(요소는 테이블로 표시됩니다. 행, 와 유사);
및 와 유사하게 테이블 셀 표시로 표시됩니다.)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
