가끔 이런 상황이 발생합니다.
두 장의 사진이 아래에서 위로 배열되어 있는데
가운데에 빈 공간이 있습니다.
이때 사진에 흰색 테두리가 있는지 궁금할 것입니다.
사진을 주의 깊게 확인하고 거기에 흰색 테두리가 없습니다.
무엇이 문제인가요?
먼저 해결책에 대해 이야기하겠습니다:
1. 그림에 스타일 표시를 추가합니다: block
2.img{vertical-align:top;}
수직 정렬 변경
3.div{font-size:0};
텍스트 크기 설정 4.div
{ margin-bottom:-3px }; 이 방법은 img 태그를
권장하지 않습니다 . 근본 원인은 img 태그가 인라인 요소이기 때문입니다. 이 요소의 기본 수직 정렬은 기준선입니다. 그러나 하단은 를 표시할 때 정렬 방법으로 사용되므로 위쪽과 아래쪽 img 태그 사이에 간격이 생깁니다.