jQuery 创建的 img 标签和 ASP.Net 创建的 img 标签的显示差异答案

【问题标题】：Difference in display for jQuery created img tag and ASP.Net created img tagjQuery 创建的 img 标签和 ASP.Net 创建的 img 标签的显示差异
【发布时间】：2011-02-26 18:55:26
【问题描述】：

我的网页有两种显示特定内容的方式。 1. 页面加载时，使用 ASP Repeater 生成项目（带有锚标记的图像）。 2. 当用户执行一些 Ajax 操作时，图像以 JSON 格式返回，我使用 jQuery 创建 a & img 标签。

在这两种方法中，带有图像的锚标记都以 60 像素的宽度显示。没有应用 CSS 类。但奇怪的是显示不一致。这是两个显示： alt text http://img132.imageshack.us/img132/7528/38297001.gif

我想知道为什么会出现这种差异。我使用所有浏览器（IE、FF 和 chrome）检查了这一点，并且所有浏览器的行为都相同。这是我的 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");

知道为什么会发生这种行为吗？我还检查了 chrome 和 FF 中应用于这些元素的 css。它们似乎具有所有相同的 CSS 属性。

【问题讨论】：

标签： asp.net jquery html css

【解决方案1】：

创建的标记是否相同？它是有效的 (x)html 吗？

中继器创建的图像标签或锚点之间是否有空白？如果是，请将其删除。

【讨论】：

有趣.. 普通的空白区域怎么会被用作中继器中的空间？ html不应该忽略吗？
我很高兴它有帮助。的全部内容都是重复的，空格也很重要。