>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 이미지 간격을 취소하는 방법

CSS에서 이미지 간격을 취소하는 방법

藏色散人
藏色散人원래의
2020-12-16 10:13:354367검색

CSS에서 이미지 간격을 취소하는 방법: 먼저 HTML 샘플 파일을 만든 다음 img 태그를 통해 두 개의 이미지를 삽입하고 마지막으로 img 태그의 상위 항목에 "font-size:0;"을 씁니다. 디스플레이: 차단".

CSS에서 이미지 간격을 취소하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: "css 비디오 튜토리얼"

img 이미지 사이의 간격을 취소하는 방법

1. 한 줄에 여러 개의 img 태그를 작성하세요

<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>
<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>

효과:

CSS에서 이미지 간격을 취소하는 방법

<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/><img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>

효과:

CSS에서 이미지 간격을 취소하는 방법

2. img 태그의 상위 항목에 다음을 작성합니다:font-size:0;//이는 디스플레이 문제를 해결하는 데도 도움이 됩니다: inline-block

<div   style="max-width:90%">
   <img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>
   <img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>
</div>

Effect:

CSS에서 이미지 간격을 취소하는 방법

3. block(img 인라인 요소입니다)//플로팅해야 합니다

<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"   style="max-width:90%"/>
<img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"   style="max-width:90%"/>

Effect:

CSS에서 이미지 간격을 취소하는 방법

4 문자 간격 속성을 사용하세요

<div style="letter-spacing:-800px"><!--letter-spacing的值无论是负多少都不会产生重叠-->
    <img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>
    <img src="/i/eg_tulip.jpg"  alt="郁金香" height="100px"/>
</div>

Effect:

CSS에서 이미지 간격을 취소하는 방법

위 내용은 CSS에서 이미지 간격을 취소하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.