HTML 코드를 수정하지 않고 HTML에서 표시되지 않은 텍스트를 숨기려면 어떻게 해야 합니까?

HTML 코드 내에서 표시되지 않은 텍스트 숨기기

문제:

HTML 코드에 HTML 태그가 없는 텍스트가 포함되어 있습니다. 특히

뒤에 'Enter' 텍스트가 있습니다. 숨겨야 할 태그입니다. 코드를 HTML 태그로 래핑하여 수정하는 것은 금지됩니다.

해결책:

글꼴 크기를 활용하는 CSS 핵을 구현할 수 있습니다:

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}

HTML:

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

이 방법에서 .entry 클래스는 글꼴 크기가 0이면 그 안의 텍스트가 효과적으로 숨겨집니다. 그러나 .entry 내의 중첩된 요소(예: *)는 상속된 글꼴 크기를 초기 값으로 재설정하여 해당 요소 내의 텍스트를 다시 표시합니다.

이 CSS 핵은 텍스트 없이 "Enter" 텍스트를 효과적으로 숨깁니다. HTML 태그의 필요성.

위 내용은 HTML 코드를 수정하지 않고 HTML에서 표시되지 않은 텍스트를 숨기려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!