CSS Hack은 둘러싸는 태그를 사용하지 않고 어떻게 HTML 내에서 텍스트를 숨길 수 있습니까?

HTML의 고유한 텍스트 숨김

HTML 태그를 둘러싸지 않은 텍스트는 숨기기가 어려울 수 있습니다. 그러나 CSS 기술은 다음과 같은 해결책을 제공합니다.

글꼴 크기를 사용한 CSS 해킹

"글꼴 크기" 속성이 있는 CSS 해킹 사용을 고려하세요.

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

제공된 HTML 코드에서:

<div class="entry">
  <p class="page-header">

이 CSS를 적용하면 텍스트는 "Enter"는 ".entry" 클래스의 "font-size: 0" 규칙으로 인해 숨겨집니다. 그러나 ".entry" 내부 요소는 "font-size:initial"을 통해 원래 텍스트 크기를 상속하여 의도한 대로 콘텐츠를 효과적으로 표시합니다.

위 내용은 CSS Hack은 둘러싸는 태그를 사용하지 않고 어떻게 HTML 내에서 텍스트를 숨길 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!