如果内容大于 - px，请分开内容

Question

我真的不知道怎么问这个。假设我有一个包含动态生成内容的盒子。我想添加一个分隔符，比如说一行，如果内容大于某些内容。所以基本上看起来像这样：

我如何实现这一点，CSS，JavaScript，无所谓。

谢谢，JC。

Answer 1

您这样做的方法是首先需要测量具有约束高度的原始框中适合的文本数量。为此，您可以使用相同的方法创建另一个元素。继续添加字符，直到高度超过原始元素的高度。我不知道是否有更简单或更有效的解决方案。

这是一个带有示例的jsFiddle：

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

希望这能让你开始。

鲍勃

Answer 2

我想用jQuery（JS）你会解决这个问题：

$('.box').each(function(i, box){
    var $b = $(box);
    if($b.height() > 200){
         $b.after($('</div>', { 'class' : 'separator' });
    }
});