我正在从输入字段到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/

10-11 23:22
查看更多