jQuery에서 생성 된 img 태그와 ASP.Net의 차이점 img 태그

Question

내 웹 페이지에는 특정 콘텐츠를 표시하는 두 가지 방법이 있습니다. 1. 페이지가로드되면 항목 (앵커 태그가있는 이미지)이 ASP Repeater를 사용하여 생성됩니다. 2. 사용자가 일부 Ajax 작업을 수행하면 이미지가 JSON으로 반환되고 jy를 사용하여 & img 태그를 만듭니다.

두 가지 방법 모두 이미지가있는 앵커 태그는 너비 60px로 표시됩니다. CSS 클래스가 적용되지 않았습니다. 그러나 이상하게도 디스플레이는 일관성이 없습니다. 여기에 두 가지 디스플레이가 있습니다. alt text http://img132.imageshack.us/img132/7528/38297001.gif

왜 이런 차이가 발생하는지 궁금합니다. 나는 모든 브라우저 (IE, FF & 크롬)에서 이것을 확인하고 모두 똑같이 행동한다. jQuery 코드는 다음과 같습니다.

$('<a>').attr({ href: '/Detail.aspx?id=' + result.it[i].pid, title: result.it[i].nam }) .html("<img src='" + result.it[i].url + "' title='" + result.it[i].nam + "' alt='" + result.it[i].nam + "' width='60px' />").appendTo("#SummaryDiv"); 

이 문제가 발생하는 이유는 무엇입니까? 나는 또한 크롬과 FF에서 이들 요소에 적용된 CSS를 확인했다. 그들은 모두 동일한 CSS 속성을 가진 것으로 보인다.

Answer 1

만들어진 마크 업이 동일합니까? 유효 (x) html입니까?

리피터로 만든 이미지 태그 또는 앵커 사이에 공백이 있습니까? 예인 경우 제거하십시오.