我在理解以下行为时遇到了一些麻烦。我有一个容器 <div>其中包含一些内联 block <div>节点。示例 View :
现在我的要求是，添加新的 foobar 内联 block <div>元素。没问题，使用 jQuery -> .prependTo()救援(应用于父容器)。问题来了，第一次使用.prependTo() “某物，某处”在新插入的元素的右侧创建了一个无法追踪的边距(在我看来是这样的)。示例:
如您所见，只有第一个元素有这个边距(同样，我无法使用 Firebug/DevTools 跟踪空间，它似乎不存在)。所有进一步的插入都很好。使用 .insertBefore()在第一个元素上也可以正常工作并且看起来很棒。不幸的是我不能使用 .insertBefore()在我的特定用例中，这就是为什么我在这里要求一些提醒。
我想念什么？这个奇怪的边距/间距从哪里来？ 如何避免？
这里是 jsfiddle Playground ，上面的图片来自这里:
目前我只在 Firefox 4/5/6 上测试过。
最佳答案
它是父级 div 中的空白(即换行符)。它被 HTML 渲染器清理到普通空间。删除它:
<div id="area"></div>
关于javascript - 使用 .prependTo() 时奇怪的边距，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7281369/