javascript - 将一个div的内容溢出到另一个div

我在页面上有2个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创建一种解析器，用于检测文本是否符合分隔它们所需的条件，如果符合，则对内容进行操作以使其显示在正确的元素中。

编辑：

但是，如果您尝试执行的操作基本上与第一行的格式不同，那么您可能需要的是简单的::fist-line pseudoselector。

这样您可以将第一行设置为确定的大小，颜色等。请注意，尽管只有a certain amount of properties可以应用于此选择器。

关于javascript - 将一个div的内容溢出到另一个div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52421903/