2011-08-11 24 views
3

私はページ上に多くのデータを持っています。私はそれをブックスタイルにしたいのですが、コンテンツベースのタグ(div要素)を分割するのではなく、高さに基づいて分割します。誰でも私に教えてください、高さに基づいてjqueryでコンテンツを分割する方法はありますか?jQueryコンテンツを高さに基づいて分割する

ページ分割のような縦書き分割ではなく縦書き分割ではなく、Googleドキュメントのような実際の分割を、ページに自動的に分割するコンテンツを貼り付けるとします。

+1

は、HTMLによって異なります。いくつかのコードを見ることができますか? –

+0

リンクhttp://jsbin.com/omeseg – Shishant

+0

私が聞くことができれば、どうやって解決しましたか? – vmachacek

答えて

-2

CSS3 Columnsを使用してください。これは非常にうまくあなたのために行う必要があります。もちろん、唯一の問題は、terrible support in IEがあることです。

+0

私の更新やコメントをお読みくださいMrchief – Shishant

+0

[すべてがIEで悪いサポートを受けています](http://youcantuseieandexpectperfection.com/) – Rudie

-2

CSS multicolumn layoutをご覧ください。 Internet Explorerでも動作します。

+1

申し訳ありません、これは私が探しているものではありません。それは自動的にページにコンテンツを分割Googleドキュメントの多くのデータ。 – Shishant

+0

さて、その場合は、onpasteハンドラを使用して、ページを作成するコンテンツにページ分割プラグインを適用します。あなたは、Googleドキュメントのルック&フィールを得るためにページをスタイルすることができます。ここにはいくつかあります:[SweetPages](http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/)とhttp://www.script-tutorials.com/creating-modern-jquery -pagination-for-content/ – Mrchief

+0

私は両方ともチェックしました、タグに基づいてコンテンツを分割しました。私は2つのdivを1つ持っていると言いましょう。もう1つは100px =合計は1100pxです。 – Shishant

0

Shishant:次のプラグインでは、問題の解決策があります。確認してください http://welcome.totheinter.net/columnizer-jquery-plugin/

プラグインをダウンロードし、sample9.htmlデモを確認してください。あなたは私が推測しているものを探しているかもしれません。

関連する問題