사진 사이의 간격을 수정하는 방법

h 프로젝트에서는 여러 img 태그 사이에 약 3px 간격이 있습니다. 효과가 매우 나쁩니다. 그러면 어떻게 해결해야 할까요? 아래 편집기는 HTML5의 이미지 간 격차에 대한 완벽한 솔루션을 공유할 것입니다. 필요한 친구가 이를 참조하면 모든 사람에게 도움이 될 수 있기를 바랍니다.

최근 h5 프로젝트를 진행하면서 여러 img 태그 사이에 약 3px 정도의 간격이 있는 이상한 문제에 직면했습니다. , 브라우저가 요소를 단어로 처리하고 공백이 정렬 후에도 약간 커지는 일부 문자(예: j, g)에 예약되어 있기 때문에 그 이유를 대략적으로 이해합니다. 또한 개인 테스트에 적합한 몇 가지 솔루션도 찾았습니다.

1. 본문의 글꼴 크기를 0으로 설정합니다.

이때 아래 p를 작성할 때 요소의 글꼴 크기를 지정해야 합니다. 2.

  <img  src="assets/img/turntable/lucky-turntable_07.jpg" alt="사진 사이의 간격을 수정하는 방법" >
    <img  src="assets/img/turntable/lucky-turntable_11.png"  alt="사진 사이의 간격을 수정하는 방법" >
    <img  src="assets/img/turntable/lucky-turntable_08.jpg" alt="사진 사이의 간격을 수정하는 방법" >

을

<img  src="assets/img/turntable/lucky-turntable_07.jpg" alt="사진 사이의 간격을 수정하는 방법" ><img  src="assets/img/turntable/lucky-turntable_11.png" alt="사진 사이의 간격을 수정하는 방법" ><img  src="assets/img/turntable/lucky-turntable_08.jpg" alt="사진 사이의 간격을 수정하는 방법" >

로 작성합니다. 즉, 중간에 공백 없이 img 태그를 작성합니다. 서둘러서 사용해 보세요.

관련 권장 사항:

CSS를 사용하여 이미지 높이를 자동으로 조정하는 방법

HTML에 이미지를 삽입하는 방법

CSS의 바깥쪽 여백 사용에 대한 자세한 설명

위 내용은 사진 사이의 간격을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!