代码之家 › 专栏 › 技术社区 › inhan

jQuery:内联块元素在追加(To)时在列表项中移动

append jquery

0

inhan · 技术社区 · 13 年前

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

Here's a fiddle for you to see what's happening 。我在Safari 5.1.7(Mac)和Firefox 14.0.1(Mac)中尝试过。我认为这可能是一个渲染问题,但这个问题显然与此无关。我检查了我写的风格加上两者(前后)的计算风格,没有发现任何不同。

有人知道发生了什么事吗?

编辑:
对我来说,结果是:

a1: 54
分区: 75
a2: 96

a1: 54
分区: 70<==注意5倍的偏移
a2: 86<==注意10倍的移位(5+5)

1 回复 | 直到 5 年前

1

3

Barmar 13 年前

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

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

看见 http://jsfiddle.net/barmar/FeDxk/2/