Javascript CSS样式未正确应用于动态添加的列表元素

几个小时以来，我一直在试图找到解决这个问题的办法

我有一个使用JavaScript和Dojo库动态添加项目的列表。我已经用vanilla JS和Dojo完成了，所以我排除了这一部分

问题：当新列表项附加到当前列表时，它们缺少其他元素所具有的一些CSS样式。并不是所有的，但像“空白：nowrap”和边距都是关闭的

可在此处查看代码：

---

我的应用程序中的屏幕截图：

所有css值都是相同的accross对象。就我所认为的问题而言，它与您的元素都是“内联的”这一事实有关。代码中有换行符被渲染为空格，但动态添加的元素被添加到同一行，因此没有空格

你可以做几件事。可能我会使用的修复方法是将li元素设置为“display:block；浮动：左'。您还可以删除代码中最初在页面上呈现的所有li元素的换行符

---

编辑：在看到你的屏幕上限后，我对它持肯定态度，因为它们是内联的。浮动em或删除换行符将修复此问题。

您能否用屏幕截图说明此问题？当我尝试你的演示并点击“添加过滤器”时，我看到所有相同的类和样式都被应用。你是说第二行的项目没有如预期的那样包装？原因

页边距
看起来不错。。。什么浏览器？我添加了一个截图。它在所有浏览器中都可以使用。这似乎与包装有关，但之前添加的列表元素包装很好，动态添加的元素就是问题所在。这很有效！谢谢第二双眼睛总是有帮助的，哈哈！