jquery - jQuery：内联块元素在追加（到）时在列表项中移动

Question

在我的脚本中，我将删除列表项并用从脚本收集的数据替换它们。奇怪的是，内联块元素在重新附加时会移动 x%。

这是一个小提琴，让你看看发生了什么。我在 Safari 5.1.7 (Mac) 和 Firefox 14.0.1 (Mac) 中尝试过。我认为这可能是渲染问题，但问题显然与此无关。我检查了我写的样式以及两者的计算样式（之前和之后），我找不到任何不同的地方。

有人知道发生了什么吗？

编辑：
对我来说，结果是：

a1： 54
格： 75
a2： 96

a1: 54
div: 70 <== 注意 5px 偏移
a2: 86 <== 注意 10px 偏移 (5+5)

score 3 · Accepted Answer

在原始 HTML 中，元素之间有空格（特别是换行符），在渲染时会变成一个空格。

但是当在你的 JavaScript 中构造 HTML 时，元素之间没有空格，因此它们直接相邻呈现，导致它们向左移动。

1 回答 1