Javascript 将一个div的内容溢出到另一个div

我在一个页面上有两个div，第一个div只有文本内容

当前，当第一个div的内容溢出时，它会被截断，因为第一个div的CSS是：

.one {
  overflow: hidden
  width: 100%;
  white-space: nowrap;
}

但是在溢出时，我可以使溢出文本显示在第二个div中吗

例如，假设第一个div中的文本内容是“Hello there”，它显示“Hello”，但是“there”由于溢出隐藏而被切断，我可以使“there”出现在第二个div中吗

---

我确信这不是现成的行为，但我想知道这是否可能，或者是否有人知道一个lib可以做到这一点。谢谢。

CSS的固有功能不允许这种行为，因为它非常特殊

如果您想操纵文本，使其显示在DOM的不同部分，这取决于确定的标准，那么您必须使用Javascript来实现

使用Javascript创建一种解析器，用于检测文本是否与分隔它们所需的条件匹配，如果匹配，则操纵内容以使其显示在正确的元素中

编辑：

但是，如果您想做的是，第一行的格式基本上与文本的其余部分不同，那么您可能需要的是简单的格式

---

这样，您可以将第一行设置为具有确定的大小、颜色等。请注意，这只能应用于此选择器。

我今晚遇到了这个问题。我有两个div并排，我想第一个div的文本溢出到第二个div如果需要的话。我用z-index解决了这个问题，使溢出文本的div比要溢出的相邻div具有更高的z-index。

这是可能的，但您需要使用

float

或

position:absolute

将

div

元素从正常文档流中移除，以便它们可以重叠。这将有助于看到你的HTML。这是一个有点奇怪的需要。。。你能给出一个明确的用例吗？想想一篇文章，前几个单词的样式（在第一部分）与文章的其余部分（在第二部分）不同。然而，本文的内容并没有在一些组织良好的JSON中分为标题和内容，而只是一大块文本。浏览器支持差：@Turnip请添加一个答案，很高兴知道，值得+1