jQuery:inline-block元素在append(To)上的列表项中移位

时间:2012-08-05 03:11:31

标签: jquery append

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

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

有人知道发生了什么吗?

修改
对我来说,结果是:

  

a1: 54
   div: 75
   a2: 96

     

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

1 个答案:

答案 0 :(得分:3)

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

但是当你在JavaScript中构造HTML时,元素之间没有空格,所以它们直接相互渲染,导致它们向左移动。

请参阅http://jsfiddle.net/barmar/FeDxk/2/