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

Question

<分区>

Answer 1

您所有的 css 值在对象之间都是相同的。至于我认为你的问题是什么，它与你的元素都是“内联”的事实有关。代码中的换行符呈现为空格，但动态添加的元素会添加到同一行，因此没有空格。

您可以做一些事情。可能我会使用的修复方法是将 li 元素设置为 'display:block;向左飘浮'。您还可以删除最初呈现在页面上的所有 li 元素的代码中的换行符。

编辑:在看到您的屏幕截图后，我很肯定它是因为它们是内联的。 float em，或删除换行符将修复它。