コンテンツが - pxより大きい場合、別個のコンテンツ

Question

私は本当にこれを聞く方法を知らない。動的に生成されたコンテンツを持つボックスがあるとします。私はセパレータを追加したいと思います。の場合は、の内容が何かより大きい場合です。だから、基本的に次のようになります。

それは何も、CSS、JavaScriptの、本当に問題で、私はこれを実現する方法がありません。

ありがとう、JC。

Answer 1

を高さ。これを行うには、同じ要素を持つ別の要素を作成することができます。高さが元の要素の高さを超えるまで文字の追加を続けます。より簡単で効率的なソリューションがあるかどうかはわかりません。これは、あなたが開始される

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

希望：ここ

は一例でjsFiddleです。

ボブ

Answer 2

私はあなたがそれをこのような何か解決したいjQueryの（JS）と推測：あなたはそれを行う方法は、テキストが制約と元の箱に収まるどれだけ測定する最初の必要性である

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