테이블의 이미지 행 사이에 간격이 있습니까?

-1

'레이아웃 엔진이 표준 모드에있을 때 테이블의 이미지 행 사이에 간격이있는 이유가 무엇입니까?' in Mozilla Web Developer FAQ (그리고 here의 자세한 설명)테이블의 이미지 행 사이에 간격이 있습니까?

또한이 문제는 meyer의 'CSS : The Definitive Guide'에 언급되어 있습니다.

하지만 firefox 10.0.2, ie8 및 chrome 17.0.963.56에서 테스트했는데 결과적으로 전혀 간격이 없습니다.

다음은 내가 사용한 태그입니다.

<table> 
    <tr> 
    <td style="padding:0; background-color:red;"> 
     <img src="https://developer.mozilla.org/@api/deki/files/718/=Images-tables-gaps-figure1.gif" /> 
    </td> 
    </tr> 
</table>

출처

2012-03-02 alice

나는 팔로우하지 않는다. 귀하의 질문은 무엇인가? 문제가 발생하지 않는 것 같습니다. 좀 더 명확히 해 주시겠습니까? 감사! – SenorAmor

이 글을 쓰기 위해 클릭 한 버튼이 'Ask Question'이라고 표시되어 있는지 확인 했습니까? – arunes

Mozilla FAQ 및 mayer 's book에 따르면 표준 모드에는 차이가 있습니다. 하지만 나는 파이어 폭스에서도 그것을 재현 할 수 없었습니다. 그래서 어떤 현대적인 브라우저가 이런 행동을합니까? – alice

테스트중인 페이지에서 표준 모드에 있다는 것을 확신하십니까? 페이지가 완전히 호환되지 않으면 브라우저가 묻지 않고 쿼크 모드로 변경 될 수 있습니다.이 경우 이미지에 간격이 없습니다. (Check here 브라우저가 표준 또는 버크 모드를 사용하는지 확인하는 방법의 예는

다음 페이지는 Chrome 및 IE에서 최소한의 차이를 보여줍니다. doctype 선언을 제거하면 아무런 차이도 발견되지 않습니다. 그것을 지키면 갭이 보일 것입니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> 
<html> 
<head></head> 
<body> 
<table border="1"> 
<tr><td> 
<img src="" width="20" height="20" /> 
</td></tr> 
</table> 
</body> 
</html>

출처

2012-03-02 16:51:09

네가 맞아! http://htmledit.squarefree.com을 사용하여 테스트 한 결과 표준 모드가 기본적으로 활성화되어 있다고 생각했는데 이는 사실이 아닙니다. – alice

테이블의 이미지 행 사이에 간격이 있습니까?

답변

관련 문제