브라우저가 HTML의 공백을 무시하도록 하려면 어떻게 해야 합니까?

HTML에서 공백 무시

HTML에서 요소 사이의 공백은 렌더링된 출력에서 ​​원치 않는 공백을 만들 수 있습니다. 이 문제를 해결하기 위해 이 질문에서는 브라우저가 공백을 무시하도록 하는 솔루션을 탐색합니다.

대답은 CSS 속성인 white-space-collapse: Discard;를 사용하는 것을 제안합니다. 그러나 이 기능은 아직 어떤 브라우저에서도 구현되지 않았습니다. 대안으로 HTML 주석을 사용하여 공백을 숨겨 코드 구조를 더 읽기 쉽게 만들 것을 제안합니다.

예:

#parent_of_imgs { white-space-collapse: discard; }
<!-- This feature is not yet implemented in any browser -->

<!-- Using comments as an alternative -->
<p>
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
  <img src="/static/imghwm/default1.png" data-src="." class="lazy" alt="">
  <!-- This is a comment -->
</p>

위 내용은 브라우저가 HTML의 공백을 무시하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!