스타일 img{vertical-align:bottom;block} 직접 추가 물론, 어떤 경우에는 작동하지 않습니다. 예를 들어, 위쪽, 중간, 아래쪽의 3개 사진을 추가하고 싶은데, 이 방법은 유효하지 않습니다. 상단과 중간 사진 사이의 간격이 사라졌고 하단과 그 사이에 여전히 뭔가가 있습니다. 방법은 매우 간단합니다. 수직 정렬:하단을 상단으로 변경하면 상황에 따라 수직 정렬 매개변수를 설정할 수 있습니다. 을 만나다 방법 1: 코드 복사 코드는 다음과 같습니다. img{vertical-align:top; :차단} 코드 복사 코드는 다음과 같습니다. <br>#l1 {float: 왼쪽;배경:#000;}<br>#l1 ul li {list-style:none;padding:0;margin:0}<br>img {vertical-align:bottom; display:block;}<br>< ;/style><br> </div> <p>방법 2: 컨테이너의 글꼴 크기를 0으로 설정합니다(개인적으로 이 방법이 가장 좋다고 생각합니다!!!)</p>