複数列の区切り

Question

私はブログの印刷マガジンの外観を得るためにCSS3の複数列を使用していますが、長い投稿は画面全体に収まりきれず、ぎこちないスクロールが必要です。スクロールする前に1つの3列分のテキストブロックを読むことができるように、500pxの高いdivに分割する方法はありますか？

jQueryを使用して、6段ごとにcolumn-span: allスパンを挿入しようとしましたが、高さの結果が一貫しません。

アイデア？

ここにはexample postがあります（警告：IEでは列は機能しません。別の問題です）。

Answer 1

これらすべての提案を下に書き留めてください。私はあなたが必要とするものを正確に見つけました。 CSS3領域が必要です。ある領域から別の領域に流れるオーバーフローを設定することができます。高さを設定して、フローflow-into: whatever;とflow-from: whatever;のCSS3コマンドを設定するだけです。プレスト！ -webkit-flow-into: whatever;

---

のように各ブラウザ用の接頭辞を使用私はあなたがこのためにJavaScriptを必要とすると思います。あなたがする必要があるようにそれを分割するので、列のスパンすべては良いアイデアでしたが、<hr />またはあなたが正しい場所に垂直にあったものを得ることは難しいです。オーバーフローを検出して別のdivに配置するコードを持つリンクが見つかりました。私はそれが動作するかどうかを確認するためにチェックしなかったが、それは良いアイデアだ。

http://www.webdeveloper.com/forum/showthread.php?t=200616

また、段落の数よりもはるかに一致するであろう文字数に基づいてcolumn-span: allを持つ要素を挿入することができます。