> 웹 프론트엔드 > CSS 튜토리얼 > li_CSS/HTML에 삽입된 img 그림 사이의 간격에 대한 솔루션

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

WBOY
풀어 주다: 2016-05-16 12:03:35
원래의
2731명이 탐색했습니다.

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

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

을 만나다

방법 1:

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

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

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

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