Javascript 添加时出现显示问题<；人力资源>；在Chrome中动态

我正在开发一个Asp.Net MVC3应用程序，其中布局基于。
在创建编辑表单时使我的生活更轻松。这是一个基于div的布局系统

我在javascript客户端自动地做了一些修正工作，这样我就不必在每次编辑中硬编码。类型首先，是必须在每行之后添加的

，以重置格式

我的第二个问题是，我必须增加每行之间大约1/2行高的垂直间距。但由于每一行都是一个div，我发现不能仅仅增加div之间的垂直边距。当前的CSS规范不允许您使用。因此，我在每行div的开头动态添加了一个

标记。其他可能插入的DOM元素也会产生同样的效果。对于IE9和FF5，这是正常工作的。然而，从Chrome12开始，我得到了

当我在DOM中查看HTML时，

标记插入到每行的

标记之前

---

我有一个演示版在。演示版本中的注意事项-每一行的控件（一个标签和一个编辑字段）在Chrome中显示为一行，在FF和IE中显示为两行。这是我粘贴到JSFIDLE中的有限css的一个问题。它对我试图解决的问题没有影响。

我只会在编辑器行类的display属性中使用block而不是table row，如图所示，将

float:left

添加到

编辑器行的每个div中。
在Safari中看到相同的问题。这很有意义我可以，但是我在表单的div中使用display:table属性。它产生了我有限的技能所能正确使用的最简单的整体css。然而，我尊重这一点，正如我希望不再支持IE7一样，IE7不支持display:table和display:table行。浮动：左边是可以的，只是比需要的css多一点。