javascript - 如果内容大于 -px，则将其分开

Question

我真的不知道怎么问这个。假设我有一个包含动态生成内容的框。我想添加一个分隔符，比方说一行，if 内容大于某物。所以它基本上看起来像这样:

我如何完成这个并不重要，CSS、JavaScript 等等。

谢谢，JC。

Answer 1

这样做的方法是，您首先需要测量在高度受限的情况下，原始框中可以容纳多少文本。为此，您可以使用相同的方式创建另一个元素。不断添加字符，直到高度超过原始元素的高度。我不知道是否有更简单或更有效的解决方案。

这是一个带有示例的 jsFiddle:

http://jsfiddle.net/rcravens/rXsBy/

希望这能让您入门。

鲍勃