IMG 이미지에서 여분의 빈 버그 솔루션

Div + css 레이아웃 페이지의 6으로 (물론, 가끔 파이어 폭스도 발생할 것입니다) 발생 그림 요소 img Superfluous의 브라우저 이미지 요소에 빈 문제는 절대적으로 솔루션의 문제에 일반적인은 또한 "귀에 의해 재생" 다른 솔루션을 사용 하는 다른 이유에 하면 여기 당신의 참고를 위한 버그 유도의 일반적인 방법은 아래 중복 공간의 이미지 레이아웃을 해결 하기 위해 직접 솔루션.

1. 블록 수준 개체 그림으로 변환

즉, "디스플레이: 블록;"으로 그림을 설정 이 예제에서 CSS 코드의 집합을 추가: "#sub img {디스플레이: 블록;}".

2. 그림의 세로 맞춤을 설정

즉, 그림의 수직 정렬 속성을 설정 "가기, 텍스트-위쪽, 아래쪽, 텍스트-아래쪽" 또한 해결할 수 있습니다. 이 예제에서 CSS 코드의 집합을 추가: "#sub img {수직 정렬: 가기;}".

3. 부모 개체의 텍스트 크기를 0px로 설정

#sub에 행을 추가: "글꼴-크기: 0;" 문제를 해결할 수 있습니다. 그러나,이 새로운 문제를 제기 하 고 부모 개체에 텍스트를 표시할 수 없습니다. 퀼트, 텍스트 부분을 설정 하는 경우에 자식 개체 텍스트 크기 여전히 수 있습니다 표시, 하지만 CSS에 시간 텍스트 너무 작은 오류 메시지를 표시 하는 경우.

부모 개체의 속성을 변경 하는 4,

부모 개체는 광범위 한 및 높은 고정 하 고 사진 크기는 부모 개체에 따라 달라 집니다, 설정할 수 있습니다 오버플로: 숨겨진. 해결 하기 위하여. 이 예제에는 #sub에 다음 코드를 추가할 수 있습니다: "폭: 88px; 높이: 31px 오버플로우: 숨겨진;".

5, 그림의 부동 속성 설정

이 경우에 CSS 코드의 줄을 추가: "#sub img {플 로트: 왼쪽;}". 이 방법은 그래픽 믹스를 구현 하려는 경우 좋은 선택입니다.

6. 그림의 레이블 및 해당 부모 개체의 마지막 끝 태그 사이의 공간을 제거 합니다.

이 방법은, 실제로 강조 한다, 더 많은 의미와 계층적 선명도 코드 수 있도록 코드를 작성에 불가피 하다 레이블과 DW의 "적용 소스 포맷" 명령 등 다른 레이블을 만들 것입니다 IDE 들여쓰기 디스플레이 통해 코드를 제공 하기 때문에이 이렇게 엉망 수 있습니다. 이 메서드는 버그의 출현의 경우 우리 제공할 수 있는, 그래서 솔루션은 여전히 모집을 보고 있다.