Javascript 使表溢出附加到jQuery中的下一个表行

我有一个span元素附加到我的表中，它延伸到许多表分隔符上（其数量在我的代码中是一个变量）

如果此跨距溢出到表边框之外，我希望将跨距的其余部分追加到下一个表行，而不是扩展到表之外

为简单起见，我将在本示例中将跨度附加到单个单元格。在代码中，这是可变的。我想要比计算单元格在表中的位置更简单的东西，然后计算剩余的宽度

$（文档）.ready（函数（）{
var$element=$（'td#append'）；
//7将是一个随机数
var length=7*$element.width（）；
append_span=$element.append（“
”）；
});
表格{
边界：1件坚固的海军；
宽度：70%；
文本对齐：居中；
}
表td{
宽度：100px；
高度：100px；
垂直对齐：顶部；
文本对齐：右对齐；
边框：1px实心#C6EC；
位置：相对位置；
左：0；
位置：相对位置；
}
跨度{
显示：内联块；
宽度：300px；
高度：30px；
背景颜色：蓝色；
z指数：1；
位置：绝对位置；
边框：纯黑1px；
}
div{
位置：相对位置；
}

不可能，因为它是一个元素，要么在下一行，要么在下一行。@KalpeshSingh没有办法检测它是否会溢出，然后用循环附加多个元素，而不是一个元素？这可能会帮助您-我建议您考虑其他可能的方法。这似乎是解决问题的复杂方法。为什么要在多行上显示跨度？