获取垂直溢出容器的html内容

Question

有没有办法使用javascript选择超出某个父高度的所有子内容？例如：我有一个具有固定高度的两列布局。如果第一列中的内容是垂直溢出的，我希望能够将溢出的内容移动到第二列，所以我需要一种方法来选择它。

我可以使用this technique检测内容是否溢出，但我无法找到选择溢出内容的方法。

Answer 1

使用javascript，您可以计算适合两列布局第一列的单词数。您可以通过制作第一列的副本仅用于测量目的，在“屏幕外” - 用户不会看到它的情况下执行此操作。例如，给容器一个超出界限的绝对位置（例如，top：-10000px，left：-10000px）。除了定位之外，给它提供与两列布局中第一列完全相同的css（字体，行高等）。使用javascript，继续向容器添加一个单词。添加每个单词后，检查容器是否溢出。一旦达到这一点，那就是第一列中的内容（减去实际上溢出的单词）;字符串的其余部分（包括该字）进入第二列。