Question

我用jquery编写HTML界面。页面上有可编辑的出版物列表，用户可以单击任何出版物来编辑详细信息。弹出窗口随数据一起出现，并且有详细表格中嵌入的作者列表。每个人都有编辑/删除按钮+“添加新作者”按钮。用户操作作者而无需重新加载页面。当我插入新作者时，会动态创建新的编辑/删除按钮。嵌入页面。

我插入这样的标签：

<td class="author-actions">
    <img onclick='edit(id)' .../>
    <img onclick='delete(id)' .../>
</td>

弹出窗口出现时，从Web服务器发送的html布局相同。但不知何故，它看起来不同。尽管firebug演示了应用的相同css属性，但图像之间还有额外的空间。

如果我选择使用鼠标插入布局与IE，它可以重新排序并变得与那些相同 - 由web服务器发送。

它能是什么？

Answer 1

图像是内联元素，如果每个img之间存在任何换行符或空格，则会在每个元素之间添加一个空格，就像段落中的单词一样。您可以通过删除元素之间的任何空格/换行符来解决此问题。

Answer 2

当您拥有超链接图像时，这一点尤为明显。

<a href="http://www.google.com/">
  <img src="google_logo.png" width="32" height="32" border="0"/>
</a>

通过上述内容，您会经常获得“额外的蓝色下划线”效果，因为在结束</a>之前的图像后面有空格。

对此的修复只是删除空格。