CSS3の列 - 寡婦/孤児

Question

CSS3の複数列で未亡人や孤児をうまく扱う方法があるかどうかを見ていますが、見つからないことには失望しています。私はwidowとorphanプロパティを試しましたが、何もしませんでした。

誰かがCSS3マルチカラムを使用して未亡人や孤児を処理する方法を知っていますか？

Answer 1

暫定的な解決策は、あなたが列にわたって破壊を回避したいブロックレベル要素に

display: inline-block 

を追加することです。私は最近、<li>と<dl>にこれを必要としました。いずれかのためにうまくいく。

Answer 2

仕様はalgorhitms should honor widows and orphansです。どれくらいのことがわかりません。しかし、あなた自身の中には、が決してpの中に侵入しないと言って、自分自身を制御することができます。そのために

、あなたは基本的に彼らは、デフォルト、およびavoidとalwaysあるautoのような値をとる

• break-before
• break-after
• break-inside

を使用しています。プラスいくつか追加。

Operaはそれをサポートし、あなたはここで情報を見つけることができます。これにhttp://www.opera.com/docs/specs/presto2.10/css/multicolumnlayout/