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

时间:2014-01-30 02:48:46

标签: javascript html css dojo

我一直试图找到这个问题的解决方案几个小时。

我有一个列表,我正在动态添加项目以使用JavaScript& Dojo库。我用香草JS和Dojo完成了它,所以我已经排除了这一部分。

问题:当新列表项附加到当前列表时,它们缺少其他元素具有的一些CSS样式。并非所有这些,但像'white-space:nowrap'和边缘的东西都没有了。

可在此处查看代码:http://jsbin.com/omEJoBAf/2/

我的应用程序中的屏幕截图:http://imgur.com/GRueGR4

1 个答案:

答案 0 :(得分:2)

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

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

编辑:看到你的屏幕上限之后,我很肯定它是因为它们是内联的。浮动em或删除换行符会修复它。