divに水平ルールを設定します

このdivは、ユーザーデータの印刷方法をシミュレートするために使用されます。ユーザーの印刷データは、1ページまたは複数ページの長さにすることができます。

divの高さが3507pxに達するたびに、divでページ区切りをシミュレートしようとしています。

私は解決策を見つけるためにSO & Googleを検索しましたが、私は困惑しています。これがCSSかjQueryを使って達成できるかどうかは不明です。

divの高さが3507pxに達するたびに、horizontal ruleなどの改行記号をdivに表示するにはどうすればよいですか？ここで

は私のdivのHTMLコードです：ここで

<div style="border: 2px dashed red;"> 
    <div id="live_preview" class="livePreview_resumeWrapper2"></div> 
</div>

はCSSです：

.livePreview_resumeWrapper2 { 
    background: #fff; 
    border: 1px solid #000; 
    box-shadow: 10px 10px 5px 0 #888; 
    direction: ltr; 
    padding: 20px; 
    width: 100% 
}

私はどんな提案に感謝します。ありがとう。

出典

2016-04-19 user3354539

div max-heightを超えてコンテンツが成長するとどうなりますか？それは隠されているか、それは次のdivに流出しますか？あなたの質問に詳細を追加すると便利です。 – Roberto

Roberto - 次の/次のdivにこぼれるはずです。私があなたにもっと情報を提供できるなら、私はします。他にどんな情報がありますか？ – user3354539

http://stackoverflow.com/questions/6802956/how-to-position-a-div-in-a-specific-coordinatesは方法を見つけるのに役立ちます – ahPo

私にoccures考え方は次のとおりです。

1）ページの高さ

VAR page_height = $（ 'ページ' ゲット）高さ（）;。

2））あなたは

するvar hr_count = Math.floor（page_height/3507が必要となる時間のカウントを取得します。

3）相対

.PAGEとしてページを集合{位置：相対}

4）今では絶対位置のページにそれらを追加表示する必要がある時間のカウントを知ります。

for(i=1; i<=hr_count; ++i){ 
    $('.page').append('<hr style="position: absolute; top: ' + i * 3507 + 'px;"');}

私が見る唯一の問題は、hrがテキストの上にまっすぐに表示されることがありますが、少なくともあなたは改行があることを知っています。

なぜ3507pxですか？誰かが印刷設定の余白を変更したり、a4、a3、letterのような異なるタイプの用紙を使用するとどうなりますか？

お礼

出典

2016-04-19 22:33:34

divに水平ルールを設定します

答えて

関連する問題