li_CSS/HTML에 삽입된 img 그림 사이의 간격에 대한 솔루션

스타일 img{vertical-align:bottom;block} 직접 추가

물론, 어떤 경우에는 작동하지 않습니다. 예를 들어, 위쪽, 중간, 아래쪽의 3개 사진을 추가하고 싶은데, 이 방법은 유효하지 않습니다. 상단과 중간 사진 사이의 간격이 사라졌고 하단과 그 사이에 여전히 뭔가가 있습니다. 방법은 매우 간단합니다. 수직 정렬:하단을 상단으로 변경하면 상황에 따라 수직 정렬 매개변수를 설정할 수 있습니다.

을 만나다

방법 1:

코드 복사 코드는 다음과 같습니다.

img{vertical-align:top; :차단}

코드 복사 코드는 다음과 같습니다.

<style>
#l1 {float: 왼쪽;배경:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
&lt ;/style>

방법 2: 컨테이너의 글꼴 크기를 0으로 설정합니다(개인적으로 이 방법이 가장 좋다고 생각합니다!!!)