HTML 요소 사이의 원하지 않는 공백을 어떻게 제거할 수 있습니까?

HTML에서 공백 극복

HTML 및 CSS 영역에서는 의도하지 않은 공백이 이미지의 의도한 레이아웃을 방해하거나 텍스트. 하지만 이 문제는 간단한 CSS 트릭으로 해결될 수 있으므로 걱정하지 마세요.

CSS 솔루션

요소 사이의 공백을 제거하려면 'white -space-collapse' 속성:

#parent_of_imgs { white-space-collapse: discard; }

이 명령은 브라우저가 HTML 요소 사이의 공백 문자를 무시하도록 지시합니다. 그러나 현재 이 기능을 지원하는 브라우저는 없다는 점에 유의하는 것이 중요합니다.

대체 접근 방식

CSS 사용을 피하고 싶다면 덜 우아한 방식을 사용할 수 있습니다. 간격이 없는 듯한 느낌을 주기 위해 HTML 주석을 추가하는 방법:

<p>
  <!--
    --><img src="." alt="" /><!--
    --><img src="." alt="" /><!--
    --><img src="." alt="" /><!--
    --><img src="." alt="" /><!--
  -->
</p>

이상적인 솔루션은 아니지만 이 방법은 효과적으로 이미지 사이의 공백을 제거합니다.

위 내용은 HTML 요소 사이의 원하지 않는 공백을 어떻게 제거할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!