li에 삽입된 img 사진 사이의 간격 문제 해결

img{vertical-align:bottom; display:block}

물론 어떤 경우에는 작동하지 않을 수도 있습니다. 예를 들어 상단, 중간, 하단, 중간 사진이 배경으로 설정되어 있는데 이 방법이 유효하지 않은 것으로 나타났습니다. 그러나 상단과 중간 사진 사이의 간격은 사라지고 하단과 중간 사진 사이의 간격은 여전히 ​​존재합니다. 방법은 매우 간단합니다. -align:아래에서 위로 상황에 따라 수직 정렬 매개변수를 설정하세요.

방법 1:

img{vertical-align:top; display:block}

<style>
#l1 {float:left;background:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
</style>

방법 2: 컨테이너 글꼴 크기 설정: 0 (이것이 가장 좋은 방법이라고 생각합니다! ! )

img 사이에 간격을 삽입하는 방법에 대한 자세한 관련 기사를 보려면 이미지를 보려면 PHP 중국어 웹사이트를 팔로우하세요!