2

どうすればいいのかわからないタスクがありました。だから私はいくつかの入力や提案が欲しいです:)

さて、これが私がしなければならないことです。

印刷物にコンテンツが送信されているページがあります（画像と、div、p、span、h1、h2、h3、hrなどのタグのテキストが含まれています）。そして、それがおよそ1500ピクセルの高さであるとしましょう。

300x500ピクセルのコンテナdivがあります。

すべてのコンテンツを含むページを取得し、そのコンテンツをdivに分割する必要があります。

それで：

_______________
|              |
|              |
|              |
|   Content    |
|              |
|              |
|              |
|______________|

に行く：

_______________
|   Part 1     |
|______________|
|   Part 2     |
|______________|
|   Part 3     |
|______________|
|   Part 4     |
|______________|

しかし、私の問題は、ページ上の複数の要素の巨大なオブジェクトを取得してそれを調べ、残りのスペースに収まらないため、このdivを半分にカットしてパート1とパート2に配置する必要があると判断する方法にありますパート1で？そして、何が残っているのか、何が残っていないのかをどのように判断しますか？

私の考えは、bodyタグの内容全体を変数に読み込み、各要素をループして、残りのスペースがある別の変数に追加することでした。DOM要素の高さと幅に基づいて判断できました。しかし、それが最善のアイデアかどうかはわかりません。

4

1 に答える 1

3

強引なタイプのアプローチを使用することが問題外でない場合は、次のようなものを使用すると機能するはずです。

  • すべてをdiv1に入れます
  • div 1が正しいサイズになるまで、div1からdiv2への移動を開始します
  • div2に対してプロセスを繰り返します

別のアプローチは、div内の各ノードをループして、制限を超えるまで合計の高さを合計することです。その時点で、一歩下がってコンテンツを次のdivに移動し始め、プロセスを繰り返します。

ページの単一のテキストノードに多くのテキストがある場合は、少し注意が必要な場合があります。個々のテキストブロックの高さを計算し、それらをdiv間で分割できるようにするには、テキストノードを分割するための何らかのシステムを実装する必要があります。

于 2012-11-08T22:29:31.693 に答える