我正在从输入字段到div动态添加一个span元素。当它们到达div的右端时。它在同一行中溢出。
但是,当将span元素的数量预定义为div元素时,它们不会溢出,并且会下降并从新行开始。我要这样
我分析了萤火虫中的元素结构,并且看起来都一样。
这里是示范的小提琴-FIDDLE
如果我做任何错误以及有任何解决方法,请让我知道。
最佳答案
由于span
是内联元素,因此受HTML中空格的影响。
在您的预定义示例中,每个span
之间都有一个换行符。
为了使您的JavaScript版本正常工作,您需要添加一些空格。
添加一个换行符:
$("#box1").append("<span>"+val+"</span>\r\n");
或只是一个空格:
$("#box1").append("<span>"+val+"</span> ");
选项是等效的,但换行符可能会更清楚您的意图。
关于javascript - 动态添加时跨度元素溢出,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11392547/